:root{--paper: #F2EDE4;--paper-2: #EAE3D6;--ink: #1C1A16;--ink-soft: #6B6459;--hairline: #CFC7B6;--shu: #C73E2E;--celadon: #8FA396;--grid: rgba(28, 26, 22, .05);--grid-major: rgba(28, 26, 22, .12);--ui: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--jp: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--border: 2px solid var(--ink);--ease: .12s cubic-bezier(.3, .7, .4, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--ui);background:var(--paper);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;user-select:none}header{display:flex;align-items:stretch;border-bottom:var(--border);background:var(--paper);flex:none}.brand{display:flex;align-items:center;gap:14px;padding:14px 20px;border-right:var(--border)}.hanko{width:34px;height:34px;background:var(--shu);color:var(--paper);font-family:var(--jp);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;line-height:1;flex:none}.brand h1{font-size:17px;font-weight:700;letter-spacing:.08em}.brand .kana{font-family:var(--jp);font-size:11px;color:var(--ink-soft);letter-spacing:.4em;margin-top:2px}.head-spacer{flex:1}.head-cell{display:flex;align-items:center;gap:10px;padding:0 16px;border-left:var(--border)}.btn{font-family:var(--ui);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:var(--border);padding:9px 16px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform var(--ease),box-shadow var(--ease),background var(--ease)}.btn:hover{background:var(--paper-2)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn.primary{background:var(--shu);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:#b33526}.export-cell{position:relative;border-left:none}.export-menu{position:absolute;top:calc(100% + 6px);right:16px;min-width:236px;background:var(--paper);border:var(--border);box-shadow:4px 4px 0 var(--ink);display:none;z-index:40}.export-menu.open{display:block}.menu-item{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;background:var(--paper);border:none;border-bottom:1px solid var(--hairline);padding:11px 14px;cursor:pointer;font-family:var(--ui);text-align:left;transition:background var(--ease)}.menu-item:hover{background:var(--paper-2)}.menu-item b{font-size:12px;font-weight:700;letter-spacing:.08em}.menu-item span{font-family:var(--mono);font-size:9.5px;color:var(--ink-soft)}.menu-units{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.menu-units span{flex:1}.unit-btn{font-family:var(--mono);font-size:10.5px;background:var(--paper);color:var(--ink);border:var(--border);width:36px;padding:4px 0;cursor:pointer;transition:background var(--ease),color var(--ease)}.unit-btn.on{background:var(--ink);color:var(--paper)}.btn-sm{font-family:var(--ui);font-size:11px;letter-spacing:.06em;background:var(--paper);border:var(--border);padding:7px 0;cursor:pointer;flex:1;text-align:center;transition:background var(--ease),color var(--ease)}.btn-sm:hover{background:var(--paper-2)}.btn-sm:active,.btn-sm.on{background:var(--ink);color:var(--paper)}select,input[type=text],input[type=number]{font-family:var(--mono);font-size:11.5px;background:var(--paper);color:var(--ink);border:var(--border);padding:7px 8px;outline:none}input[type=text]{width:100%}input[type=number]{width:64px}input[type=text]:focus,input[type=number]:focus,select:focus{background:#fff}.pt-empty{font-size:10.5px;color:var(--ink-soft);letter-spacing:.04em}input[type=checkbox]{appearance:none;width:16px;height:16px;border:var(--border);background:var(--paper);cursor:pointer;position:relative;flex:none;transition:background var(--ease)}input[type=checkbox]:checked{background:var(--ink)}input[type=checkbox]:checked:after{content:"";position:absolute;inset:3px;background:var(--shu)}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:2px;background:var(--ink);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--paper);border:var(--border);cursor:grab;transition:background var(--ease)}input[type=range]::-webkit-slider-thumb:hover{background:var(--shu)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:var(--paper);border:2px solid var(--ink)}input[type=color]{-webkit-appearance:none;width:34px;height:26px;border:var(--border);padding:0;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none}main{flex:1;display:flex;overflow:hidden;min-height:0}.pane{flex:1;position:relative;overflow:hidden;min-width:0}.pane+.pane{border-left:var(--border)}.pane canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#profilePane{cursor:crosshair;background:var(--paper)}#viewPane{background:var(--paper)}.pane-tag{position:absolute;top:0;right:0;writing-mode:vertical-rl;font-family:var(--jp);font-size:13px;letter-spacing:.5em;color:var(--ink);background:var(--paper);border-left:var(--border);border-bottom:var(--border);padding:14px 6px 18px;z-index:3;pointer-events:none}.pane-tag small{writing-mode:vertical-rl;font-family:var(--ui);font-size:8px;letter-spacing:.3em;color:var(--ink-soft);margin-top:10px}.pane-hint{position:absolute;bottom:10px;left:14px;right:60px;font-size:10.5px;letter-spacing:.02em;color:var(--ink-soft);line-height:1.7;pointer-events:none;z-index:2}.pane-hint b{color:var(--ink);font-weight:500}.sidebar{width:324px;flex:none;border-left:var(--border);background:var(--paper);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--hairline)}section{padding:18px 18px 22px;border-bottom:1px solid var(--hairline)}section:last-child{border-bottom:none}.sec-label{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px}.sec-label .jp{font-family:var(--jp);font-weight:500;font-size:11px;letter-spacing:.2em;color:var(--ink-soft)}.row{display:flex;gap:6px;margin-bottom:6px}.row:last-child{margin-bottom:0}.ctl{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-height:18px}.ctl:last-child{margin-bottom:0}.ctl label{font-size:11px;letter-spacing:.04em;color:var(--ink-soft);width:92px;flex:none}.val{font-family:var(--mono);font-size:10.5px;width:38px;text-align:right;flex:none;color:var(--ink)}footer{flex:none;border-top:var(--border);background:var(--paper);display:flex;align-items:center;gap:26px;padding:8px 20px;font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}footer b{color:var(--ink);font-weight:500}footer .shu{color:var(--shu)}footer .spacer{flex:1}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ink-soft);z-index:5;background:var(--paper);transition:opacity .3s ease}@media (max-width: 900px){main{flex-direction:column}.pane+.pane{border-left:none;border-top:var(--border)}.sidebar{width:100%;border-left:none;border-top:var(--border);max-height:42vh}.brand .kana{display:none}}