:root{--ink:#292c27;--paper:#fbf8ee;--moss:#465749;--clay:#a55f47;--header:#f2eee3;--line:#d2ccbe;--muted:#777369;--header-height:58px;--divider-size:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#d8d6cf;font-family:Yu Gothic UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}button,select,input{font:inherit}button,summary,select{color:inherit}button{border:0}button:not(:disabled),summary,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.32}button:focus-visible,summary:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:-1px;outline:3px solid #b26741b8}.focus-app,.focus-workspace{width:100vw;height:100dvh}.focus-app{overflow:hidden}.focus-workspace{grid-template-columns:minmax(0, var(--reference-width,calc(50% - 4px))) var(--divider-size) minmax(0, var(--drawing-width,calc(50% - 4px)));gap:0;display:grid}.reference-pane,.drawing-pane{grid-template-rows:var(--header-height) minmax(0, 1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.reference-pane{background:#ebe8df}.drawing-pane{background:var(--paper)}.workspace-divider{z-index:35;width:var(--divider-size);min-width:var(--divider-size);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;padding:0;position:relative}.workspace-divider:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.workspace-divider:hover:before,.workspace-divider:focus-visible:before{background:#a55f47b8;width:3px}.workspace-divider:focus-visible{outline-offset:-2px;outline:2px solid #a55f4761}.pane-header{z-index:20;min-width:0;height:var(--header-height);border-bottom:1px solid var(--line);background:var(--header);position:relative}.reference-header{align-items:center;gap:8px;padding:6px 7px 6px 10px;display:flex}.pose-title{letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.76rem;font-weight:700;line-height:1.2;overflow:hidden}.reference-header-controls,.model-tools,.session-controls,.drawing-header,.compact-tools,.compact-sizes{align-items:center;display:flex}.reference-header-controls{flex:none;gap:3px;min-width:0}.model-tools,.compact-tools,.compact-sizes{gap:2px}.header-icon-button,.drawing-header button,.canvas-menu>summary{color:#555951;background:0 0;border-radius:5px;flex:none;place-items:center;width:32px;height:32px;padding:0;list-style:none;display:grid}.header-icon-button svg,.drawing-header button svg,.canvas-menu>summary svg{stroke-width:1.8px;width:17px;height:17px}.header-icon-button:hover:not(:disabled),.drawing-header button:hover:not(:disabled),.canvas-menu>summary:hover{background:#46574917}.model-tools>button[aria-pressed=true],.drawing-header button.is-active,.drawing-header .tone-toggle{background:var(--moss);color:#fffaf0}.session-controls{border-left:1px solid var(--line);gap:2px;min-width:0;padding-left:5px}.session-controls>strong{font-variant-numeric:tabular-nums;text-align:center;min-width:53px;padding-inline:3px;font-family:ui-monospace,Cascadia Mono,Yu Gothic UI,monospace;font-size:.98rem;font-weight:700}.mode-cycle{color:#4f554e;background:#e7e2d6;border-radius:5px;flex:none;min-width:42px;height:32px;padding:0 7px;font-size:.63rem;font-weight:800}.mode-cycle:hover{background:#ddd7ca}.mode-cycle[data-mode=wire]{color:#557965}.mode-cycle[data-mode=silhouette]{color:#fffaf0;background:#373943}.session-controls .next-pose{background:var(--clay);color:#fff9ed;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:59px;height:32px;padding:0 7px;font-size:.67rem;font-weight:800;display:flex}.session-controls .next-pose:hover{background:#914f3a}.session-controls .next-pose svg{stroke-width:2px;width:15px;height:15px}.reference-surface,.drawing-surface{min-width:0;min-height:0;position:relative;overflow:hidden}.camera-guide{z-index:2;color:#3539339e;letter-spacing:.02em;pointer-events:none;white-space:nowrap;margin:0;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:8px;left:10px}.figure-stage,.drawing-canvas{width:100%;height:100%;position:absolute;inset:0}.figure-stage canvas,.drawing-canvas{touch-action:none;display:block}.drawing-canvas{background:var(--paper);cursor:crosshair}.webgl-error{color:#784736;text-align:center;place-content:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.webgl-error span{font-size:.72rem}.canvas-menu{position:relative}.canvas-menu summary::-webkit-details-marker{display:none}.canvas-menu>div{z-index:60;background:#f8f4e9;border:1px solid #c9c2b4;border-radius:5px;min-width:132px;padding:8px;position:absolute;top:calc(100% + 7px)}.drawing-header{justify-content:flex-end;gap:3px;padding:6px 8px}.drawing-header button,.canvas-menu>summary{width:32px;height:32px}.compact-sizes button i{background:currentColor;border-radius:50%;display:block}.tool-divider{background:#ccc5b7;flex:none;width:1px;height:20px;margin:0 2px}.canvas-menu>div{gap:3px;display:grid;right:0}.canvas-menu>div button{justify-content:flex-start;gap:7px;width:116px;padding-inline:8px;font-size:.67rem;font-weight:700;display:flex}.canvas-menu>div button svg{width:15px;height:15px}@media (width<=980px){:root{--header-height:52px}.focus-workspace{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.workspace-divider{display:none}.reference-pane{border-right:0;border-bottom:1px solid var(--line)}.drawing-header{justify-content:center}}@media (width<=640px){:root{--header-height:48px}.reference-header{gap:3px;padding:4px 5px}.pose-title{font-size:.7rem}.reference-header-controls,.session-controls{gap:1px}.header-icon-button{width:29px;height:29px}.mode-cycle{min-width:36px;height:29px;padding-inline:5px;font-size:.59rem}.session-controls{padding-left:3px}.camera-guide{font-size:.52rem;top:6px;left:7px}.session-controls>strong{min-width:47px;padding-inline:1px;font-size:.84rem}.session-controls .next-pose{width:31px;min-width:31px;height:29px;padding:0}.session-controls .next-pose span{display:none}.drawing-header{gap:0;padding:4px}.drawing-header button,.canvas-menu>summary{width:28px;height:28px}.drawing-header button svg,.canvas-menu>summary svg{width:15px;height:15px}.compact-tools,.compact-sizes{gap:0}.compact-sizes button{width:24px}.tool-divider{height:18px;margin-inline:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}