:root{--gutter:32px;--page-pad:48px;--page-max:1520px;--pair-a:1 / 5;--pair-b:6 / 10}html{scroll-behavior:smooth}body{background:var(--surface-page,#fff);color:var(--text-primary,#000);font-family:var(--font-body,sans-serif);-webkit-font-smoothing:antialiased;box-sizing:border-box;max-width:var(--page-max);padding-inline:var(--page-pad);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;transition:background .15s,color .15s;display:grid;position:relative}a{color:var(--accent,#1e4b6b);text-decoration:none}a:hover{color:var(--accent-soft,#64add4)}h1,h2,h3,p,figure{margin:0}[data-theme=dark] .invert-on-dark{filter:invert()}.sidebar{box-sizing:border-box;height:100dvh;padding-block:36px;padding-right:calc(var(--gutter) / 2);margin-right:calc(var(--gutter) / -2);border-right:1px solid var(--border-default);background:var(--surface-page);flex-direction:column;grid-column:1/4;gap:30px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{flex-direction:column;gap:10px;display:flex}.sidebar-brand img{width:136px;display:block}.sidebar-brand .brand-note{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.side-nav{flex-direction:column;display:flex}.nav-link{border-bottom:1px solid var(--border-default);color:var(--text-primary);transition:color var(--dur) var(--ease);grid-template-columns:22px 1fr;align-items:baseline;column-gap:10px;padding:9px 0;display:grid}.nav-link:last-child{border-bottom:none}.nav-num{font-family:var(--font-mono);color:var(--text-secondary);transition:color var(--dur) var(--ease);font-size:9.5px}.nav-en{font-size:12.5px;font-weight:var(--weight-semibold);display:block}.nav-ja{font-family:var(--font-ja);color:var(--text-secondary);grid-column:2;font-size:10.5px}.nav-link:hover .nav-en,.nav-link.is-active .nav-en,.nav-link.is-active .nav-num{color:var(--accent)}.sidebar-foot{flex-direction:column;gap:16px;margin-top:auto;display:flex}.side-links{flex-direction:column;gap:6px;display:flex}.side-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.side-link:hover{color:var(--accent)}.side-meta{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px;line-height:1.7}.main{grid-column:4/-1;grid-template-columns:subgrid;padding-bottom:96px;display:grid;position:relative;overflow-x:clip}.container{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.sphere-ornament{top:-36px;right:var(--page-pad);width:72px;height:72px;color:var(--solid,#000);pointer-events:none;z-index:1;position:absolute}.sphere-ornament svg{fill:currentColor;width:100%;height:100%;display:block}.container>*,.section>*,.s-head>*{grid-column:1/-1}.section{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:120px;padding-top:56px;scroll-margin-top:24px;display:grid}.section.no-rule{border-top:none;margin-top:0;padding-top:0}.section>.prose,.s-head>.s-lede,.section>.rules,.section>.note,.section>.notation-list{grid-column:1/7}.cols-2>.fig:nth-child(odd of .fig:not(.span-all)),.toc>.toc-row:nth-child(odd),.dodont>.dodont-col:nth-child(odd),.demo-grid>.demo:nth-child(odd),.tok-cols>div:nth-child(odd){grid-column:var(--pair-a)}.cols-2>.fig:nth-child(2n of .fig:not(.span-all)),.toc>.toc-row:nth-child(2n),.dodont>.dodont-col:nth-child(2n),.demo-grid>.demo:nth-child(2n),.tok-cols>div:nth-child(2n){grid-column:var(--pair-b)}.chip-btn{appearance:none;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:inline-flex}.chip-btn:hover{background:var(--surface-sunken);color:var(--text-primary)}.chip-btn[data-copied]{border-color:var(--accent);color:var(--accent)}.side-controls{align-items:center;gap:8px;display:flex}.lang-switch{text-decoration:none}.s-head{grid-template-columns:subgrid;display:grid}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.s-head .kicker{margin-bottom:14px}.s-title-row{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.page-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--border-strong);white-space:nowrap;padding:2px 7px;font-size:10.5px}.s-title{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-regular);letter-spacing:-.005em;line-height:1.15}.s-sub{font-family:var(--font-ja);color:var(--text-secondary);font-size:13px}.s-lede{margin-top:26px}.prose p{font-family:var(--font-ja);text-wrap:pretty;margin:0 0 13px;font-size:13.5px;line-height:2.05}.prose p:last-child{margin-bottom:0}.prose .en{font-family:var(--font-body);line-height:1.75}.block-label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin-top:64px;font-size:10.5px}.block-label+.prose{margin-top:16px}.fig-grid{grid-template-columns:subgrid;--plate-h:250px;row-gap:44px;margin-top:40px;display:grid}.fig-grid+.fig-grid{margin-top:44px}.fig-grid>.fig{grid-column:1/-1}.cols-3>.fig{grid-column:span 3}.fig-grid>.fig.span-all{grid-column:1/-1}.fig{flex-direction:column;gap:12px;min-width:0;display:flex}.fig-plate{height:var(--plate-h,250px);box-sizing:border-box;cursor:zoom-in;background:#fff;border:1px solid #e4e4e4;grid-template:100%/100%;place-items:center;padding:28px;display:grid}.fig-plate img{object-fit:contain;width:100%;height:100%;display:block}.fig-plate:focus-visible{outline:2px solid var(--accent-soft,#64add4);outline-offset:2px}.fig-cap{flex-direction:column;gap:5px;display:flex}.ornament-demo{aspect-ratio:1200/630;background:#1e1e1e;border:1px solid #e4e4e4;position:relative;overflow:hidden}.ornament-demo-sphere{aspect-ratio:1;color:#fff;width:22%;position:absolute;top:-21%;right:0}.ornament-demo-sphere svg{fill:currentColor;width:100%;height:100%;display:block}.plate-dark{background:#1e1e1e}.asset-grid{grid-template-columns:subgrid;row-gap:32px;margin-top:24px;display:grid}.asset-grid>.asset-card{grid-column:span 3}.file-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chip-size{color:var(--text-secondary);font-size:9px}.lightbox{box-sizing:border-box;background:0 0;border:none;outline:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:44px 44px 24px}.lightbox[open]{grid-template-rows:1fr auto;justify-items:center;gap:16px;display:grid}.lightbox::backdrop{background:#000000c7}body:has(dialog[open]){overflow:hidden}.lightbox-frame{box-sizing:border-box;cursor:zoom-out;background:#fff;border:1px solid #e4e4e4;grid-template:100%/100%;place-items:center;width:100%;height:100%;padding:44px;display:grid}.lightbox-frame-dark{background:#1e1e1e}.lightbox-frame img{object-fit:contain;width:100%;height:100%;display:block}.lightbox-cap{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffffd9;text-align:center;max-width:90ch;margin:0;font-size:11px;line-height:1.7}.lightbox-close{font-family:var(--font-mono);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;padding:8px 10px;font-size:14px;line-height:1;position:fixed;top:16px;right:20px}.lightbox-close:hover{border-color:#fff}.exporter{box-sizing:border-box;background:0 0;border:none;outline:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px}.exporter[open]{place-items:center;display:grid}.exporter::backdrop{background:#0000008c}.exporter-panel{box-sizing:border-box;background:var(--surface-page);border:1px solid var(--border-strong);flex-direction:column;gap:22px;width:min(680px,100%);max-height:100%;padding:28px;display:flex;overflow-y:auto}.exporter-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.exporter-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.exporter-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;display:grid}.ex-field{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);flex-direction:column;gap:6px;font-size:9.5px;display:flex}.ex-field select{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-strong);padding:7px 9px;font-size:11px}.ex-field select:disabled{opacity:.35}.ex-check{flex-direction:row;align-self:end;align-items:center;gap:8px;padding-bottom:9px}.ex-check input{accent-color:var(--accent);margin:0}.ex-check:has(input:disabled){opacity:.35}.exporter-preview{box-sizing:border-box;background:#fff;border:1px solid #e4e4e4;place-items:center;height:220px;padding:24px;display:grid}.exporter-preview.plate-dark{background:#1e1e1e}.exporter-preview img{max-width:100%;max-height:100%}.exporter-out{flex-direction:column;gap:12px;display:flex}.exporter-url{font-family:var(--font-mono);color:var(--text-secondary);overflow-wrap:anywhere;font-size:10.5px}.exporter-actions{flex-wrap:wrap;gap:8px;display:flex}.cap-mono{font-family:var(--font-mono);color:var(--text-primary);font-size:11px;line-height:1.6}.cap-num{color:var(--accent)}.cap-ja{font-family:var(--font-ja);color:var(--text-secondary);font-size:12px;line-height:1.9}.rules{grid-template-columns:subgrid;margin-top:22px;display:grid}.rules>.rule{grid-column:1/-1}.rule{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);padding:10px 0;display:grid}.rule>.rule-desc{grid-column:2/-1}.rule-term{font-family:var(--font-mono);color:var(--accent);font-size:11px}.rule-desc{font-family:var(--font-ja);font-size:12.5px;line-height:1.9}.note{background:var(--surface-sunken);flex-direction:column;gap:8px;margin-top:40px;padding:18px 22px;display:flex}.note-label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.note-mono{font-family:var(--font-mono);color:var(--text-primary);font-size:11.5px;line-height:2}.note-body{color:var(--text-primary);font-size:12.5px;line-height:1.9}.naming-ref{font-family:var(--font-mono);color:var(--accent);font-size:10.5px;text-decoration:none}.naming-ref:hover{text-decoration:underline}.dodont{grid-template-columns:subgrid;margin-top:26px;display:grid}.tone-do{color:var(--success)}.tone-dont{color:var(--danger)}.dodont-head{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px;font-size:10.5px}.dodont-list{margin:0;padding:0;list-style:none}.dodont-list li{border-bottom:1px solid var(--border-default);flex-direction:column;gap:3px;padding:11px 0;display:flex}.dd-term{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.is-dont .dd-term{color:var(--text-secondary)}.is-dont .dd-term:before{content:"× ";color:var(--danger)}.dd-note{font-family:var(--font-ja);color:var(--text-secondary);font-size:11.5px;line-height:1.7}.notation-list{margin-top:22px}.meta-bar{border-bottom:1px solid var(--border-default);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:22px 88px 22px 0;font-size:10.5px;display:flex}.hero{background:var(--surface-sunken);grid-template-columns:subgrid;align-items:center;margin-top:36px;padding-block:72px;display:grid}.hero>img{grid-column:2/5;width:100%;display:block}.hero>div{grid-column:6/-1}.hero-title{font-family:var(--font-display);font-size:clamp(27px,3vw,44px);font-weight:var(--weight-regular);letter-spacing:-.01em;line-height:1.12}.hero-meta{font-family:var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;gap:40px;margin-top:22px;font-size:11px;line-height:1.9;display:flex}.hero-meta dt{text-transform:uppercase;letter-spacing:var(--tracking-label);margin:0;font-size:9.5px}.hero-meta dd{color:var(--text-primary);margin:0}.toc{grid-template-columns:subgrid;margin-top:16px;display:grid}.toc-row{color:var(--text-primary);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:13px;line-height:1.6;display:flex}a.toc-row:hover span:first-child{color:var(--accent)}.toc-page{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:10.5px}.asset-rows{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:40px;display:grid}.asset-rows>.asset-row{grid-column:1/-1}.asset-row{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);padding:30px 0;display:grid}.asset-row>.asset-name{grid-column:1/4}.asset-row>.asset-card{grid-column:4/-1}.asset-name{font-size:13px;font-weight:var(--weight-semibold);padding-top:6px;line-height:1.6}.asset-card{flex-direction:column;gap:10px;min-width:0;display:flex}.asset-plate{--plate-h:136px}.asset-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:9.5px}.asset-actions{flex-wrap:wrap;gap:8px;display:flex}.swatch-grid{grid-template-columns:subgrid;row-gap:20px;margin-top:40px;display:grid}.swatch-grid>.swatch{grid-column:span 3}.swatch{appearance:none;text-align:left;background:var(--surface-card);border:1px solid var(--border-default);cursor:pointer;color:var(--text-primary);transition:border-color var(--dur) var(--ease);flex-direction:column;gap:12px;padding:14px;font-family:inherit;display:flex}.swatch:hover{border-color:var(--border-strong)}.swatch[data-copied]{border-color:var(--accent)}.swatch-chip{height:84px}.chip-outline{border:1px solid #e4e4e4}.swatch-group{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:9.5px}.swatch-name{font-size:13.5px;font-weight:var(--weight-semibold);margin-top:2px}.swatch-codes{font-family:var(--font-mono);color:var(--text-secondary);margin-top:4px;font-size:10.5px;line-height:1.8}.swatch-copy{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);transition:color var(--dur) var(--ease);font-size:9.5px}.swatch:hover .swatch-copy,.swatch[data-copied] .swatch-copy{color:var(--accent)}.tok-table{grid-template-columns:subgrid;margin-top:20px;display:grid}.tok-table>.tok-row,.tok-table>.tok-head{grid-column:1/-1}.tok-row,.tok-head{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);align-items:center;padding:9px 0;display:grid}.tok-row>:nth-child(2),.tok-head>:nth-child(2){grid-column:2/5}.tok-row>:nth-child(3),.tok-head>:nth-child(3){grid-column:5/7}.tok-row>:nth-child(4),.tok-head>:nth-child(4){grid-column:7/-1}.tok-head{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.tok-chip{width:22px;height:22px;box-shadow:inset 0 0 0 1px #80808040}.tok-name{font-family:var(--font-mono);font-size:11px}.tok-src{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.tok-use{font-family:var(--font-ja);color:var(--text-secondary);font-size:11.5px}.type-list{grid-template-columns:subgrid;border-top:1px solid var(--border-default);margin-top:40px;display:grid}.type-list>.type-row{grid-column:1/-1}.type-row{grid-template-columns:subgrid;border-bottom:1px solid var(--border-default);align-items:center;padding:26px 0;display:grid}.type-row>div:first-child{grid-column:1/4}.type-row>.specimen{grid-column:4/-1}.type-role{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:10px}.type-name{font-size:14px;font-weight:var(--weight-semibold);margin-top:4px}.type-sub{font-family:var(--font-ja);color:var(--text-secondary);margin-top:2px;font-size:11px}.specimen{overflow-wrap:anywhere;min-width:0}.spec-display{font-family:Helvetica Now Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:26px;font-weight:500;line-height:1.35}.spec-body{font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.5}.spec-secondary{font-family:Inter,sans-serif;font-size:20px;line-height:1.5}.spec-ja{font-family:BIZ UDPGothic,sans-serif;font-size:24px;line-height:1.5}.spec-synth-primary{font-family:Helvetica Now Text,Helvetica Neue,BIZ UDPGothic,sans-serif;font-size:22px;line-height:1.5}.spec-synth-secondary{font-family:Inter,BIZ UDPGothic,sans-serif;font-size:22px;line-height:1.5}.spec-mono{font-family:IBM Plex Mono,monospace;font-size:19px;line-height:1.55}.demo{margin-top:32px}.demo-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.demo-title{font-size:14px;font-weight:var(--weight-semibold)}.demo-path{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.demo iframe{box-sizing:border-box;border:1px solid var(--border-default);background:var(--surface-page);width:100%;display:block}.demo iframe.pin-dark{background:#000;border-color:#6a6e7166}.demo iframe.pin-light{background:#fff;border-color:#e9eaeb}.demo-grid{grid-template-columns:subgrid;row-gap:24px;margin-top:24px;display:grid}.demo-grid>.demo{margin-top:0}.footer{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:16px;margin-top:128px;padding-top:26px;display:flex}.footer img{width:118px;display:block}.footer-meta{text-align:right;flex-direction:column;gap:4px;display:flex}.footer-note{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.cap-title{font-size:12.5px;line-height:1.6}.cap-mono-sub{font-family:var(--font-mono);color:var(--text-secondary);font-size:10.5px;line-height:1.7}.muted{color:var(--text-secondary)}.inline-code{font-family:var(--font-mono);color:var(--text-primary);font-size:.92em}.hl{background:var(--accent-soft-bg,#64add424);padding:1px 5px}.tok-cols{grid-template-columns:subgrid;align-items:start;row-gap:48px;margin-top:40px;display:grid}.mini-grid{gap:8px var(--gutter);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.mini-item{font-family:var(--font-mono);align-items:center;gap:10px;font-size:11px;display:flex}.demo-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.demo-note{font-family:var(--font-mono);color:var(--text-secondary);font-size:10.5px;line-height:2}.radius-demo{box-sizing:border-box;background:#fff;border:1px solid #c9ccce;width:64px;height:48px}.dark-strip{background:#000;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px;padding:18px 20px;display:flex}.dark-strip .mini-item{color:#9ba0a3}@media (width<=1100px){:root{--gutter:24px;--page-pad:24px}body{max-width:none;padding-inline:0;display:block}.sidebar{height:auto;padding:28px var(--page-pad);border-right:none;border-bottom:1px solid var(--border-default);gap:22px;margin-right:0;position:static;overflow:visible}.side-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:20px;display:grid}.nav-ja{display:none}.nav-link{grid-template-columns:20px 1fr;padding:7px 0}.sidebar-foot{flex-flow:wrap;align-items:center;gap:10px 18px}.main{column-gap:var(--gutter);padding:0 var(--page-pad) 72px var(--page-pad);grid-column:auto;grid-template-columns:repeat(9,minmax(0,1fr))}.meta-bar{padding-right:0}}@media (width<=960px){:root{--pair-a:span 3;--pair-b:span 3}.main{grid-template-columns:repeat(6,minmax(0,1fr))}.sphere-ornament{width:56px;height:56px;top:-28px}.section>.prose,.s-head>.s-lede,.section>.rules,.section>.note,.section>.notation-list,.type-row>div:first-child,.type-row>.specimen,.asset-row>.asset-name,.asset-row>.asset-card,.hero>img,.hero>div{grid-column:1/-1}.cols-3>.fig,.swatch-grid>.swatch,.asset-grid>.asset-card{grid-column:span 3}.hero{grid-template-columns:minmax(0,1fr);row-gap:40px;padding:44px 24px}.hero-title{overflow-wrap:anywhere}.asset-row,.type-row{row-gap:14px}.mini-grid{grid-template-columns:1fr}.rule,.tok-row,.tok-head{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}.rule>.rule-desc,.tok-row>:nth-child(2),.tok-head>:nth-child(2),.tok-row>:nth-child(3),.tok-head>:nth-child(3),.tok-row>:nth-child(4),.tok-head>:nth-child(4){grid-column:2}}@media (width<=720px){:root{--gutter:20px;--page-pad:20px;--pair-a:1 / -1;--pair-b:1 / -1}.main{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3>.fig,.asset-grid>.asset-card{grid-column:1/-1}.exporter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid>.swatch{grid-column:span 1}.dodont{row-gap:28px}}@media (width<=480px){.swatch-grid>.swatch{grid-column:1/-1}}.gen-layout{grid-template-columns:subgrid;row-gap:32px;margin-top:40px;display:grid}.gen-layout>.gen-stage{grid-column:1/7;min-width:0}.gen-layout>.gen-panel{flex-direction:column;grid-column:7/-1;gap:22px;min-width:0;display:flex}.gen-stage>.block-label{margin-top:0}.gen-plate{transition:background var(--dur) var(--ease);border:1px solid #e4e4e4;margin-top:12px;padding:16px}.gen-canvas{touch-action:manipulation;width:100%;height:auto;display:block}.gen-grid line{stroke:currentColor;stroke-width:.5px;opacity:.16}.gen-labels text{font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:9px}.gen-hover{fill:none;stroke:var(--kumo-sky-blue,#64add4);stroke-width:1px;pointer-events:none}.gen-hover.is-blocked{stroke:var(--danger,#c0392b);stroke-dasharray:2 2}.gen-joints circle{fill:var(--kumo-sky-blue,#64add4);stroke:var(--kumo-sky-blue,#64add4);stroke-width:1.2px;pointer-events:all;cursor:pointer}.gen-joints circle.is-cut{fill:none}.gen-joints circle.is-fixed{opacity:.35;cursor:default}.gen-legend{font-family:var(--font-mono);color:var(--text-secondary);margin-top:10px;font-size:10.5px;line-height:1.7}.gen-error{color:var(--danger,#c0392b);margin-top:8px;font-size:12px;line-height:1.7}.gen-group{flex-direction:column;gap:8px;display:flex}.gen-label,.gen-field{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:9.5px}.gen-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gen-hint{font-family:var(--font-mono);color:var(--text-secondary);padding-left:4px;font-size:10px}.chip-btn[aria-pressed=true]{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}.gen-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.gen-field{flex-direction:column;gap:6px;display:flex}.gen-field select,.gen-field input[type=number],.gen-field textarea{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-strong);box-sizing:border-box;width:100%;padding:7px 9px;font-size:11px}.gen-check{flex-direction:row;align-self:end;align-items:center;gap:8px;padding-bottom:9px}.gen-check input{accent-color:var(--accent);margin:0}.section>.gen-checks{grid-column:1/7}.gen-checks{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.gen-check-item{font-family:var(--font-ja);padding-left:16px;font-size:12.5px;line-height:1.8;position:relative}.gen-check-item:before{content:"●";color:var(--text-secondary);font-size:7px;position:absolute;top:.6em;left:0}.gen-check-item[data-tone=ok]:before{color:var(--success,#2e7d32)}.gen-check-item[data-tone=warn]:before{color:var(--warning,#c77700)}.gen-output{flex-direction:column;gap:14px;margin-top:16px;display:flex}.gen-notation textarea,.gen-code{font-family:var(--font-mono);resize:vertical;font-size:11px;line-height:1.6}.gen-code{color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-default);box-sizing:border-box;width:100%;padding:12px 14px}@media (width<=960px){.gen-layout>.gen-stage,.gen-layout>.gen-panel,.section>.gen-checks{grid-column:1/-1}}.section.tool{border-top:none;margin-top:0;padding-top:44px}.gen-hover[hidden]{display:none}.gen-mode-panel{display:contents}.gen-mode-panel[hidden]{display:none}.gen-canvas.is-manual{cursor:crosshair}.gen-sphere{fill:none;stroke:currentColor;stroke-width:.8px;stroke-dasharray:3 3;opacity:.25}.gen-sphere.is-selected{stroke:var(--kumo-sky-blue,#64add4);stroke-dasharray:none;stroke-width:1.2px;opacity:1}.gen-light{cursor:grab}.gen-light circle{fill:var(--kumo-sky-blue,#64add4)}.gen-light line{stroke:var(--kumo-sky-blue,#64add4);stroke-width:1.5px;stroke-linecap:round}.gen-range{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);grid-template-columns:82px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:9.5px;display:grid}.gen-range input{width:100%;accent-color:var(--accent);margin:0}.gen-range input:disabled{opacity:.35}.gen-range output{letter-spacing:0;text-align:right;color:var(--text-primary);font-size:10.5px}.gen-inline{flex-direction:row;align-items:center;gap:8px}.gen-inline select{width:auto}.gen-group[hidden]{display:none}.gen-canvas{aspect-ratio:4/3}.gen-zoom{margin-top:10px}.gen-light .gen-beam{stroke:var(--kumo-sky-blue,#64add4);stroke-width:1.2px;stroke-dasharray:3 3;opacity:.8}.gen-frame{fill:none;stroke:currentColor;stroke-width:.8px;stroke-dasharray:4 3;opacity:.45;pointer-events:none}.gen-range[hidden]{display:none}