@font-face{font-family:Arimo;src:url(./ArimoVariable-VF-C89YX-mQ.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper: #fff;--canvas: #f1f1f1;--ink: #252525;--muted: #737373;--line: #e1e1e1;--field: #f7f7f7;--selected: #e9e9e9;--rail-width: 312px;--workspace-gap: 24px;font-family:Arimo,Arial,PingFang SC,sans-serif;font-size:12px;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0}button,input,select,summary{font:inherit}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:4px;color:inherit;background:var(--field);cursor:pointer}button,select,summary{min-height:44px}button:disabled,input:disabled,select:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#viewport:focus-visible{outline:2px solid #545454;outline-offset:3px}button:active:not(:disabled){background:#dfdfdf}[hidden]{display:none!important}.app{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--paper)}.workspace{display:grid;place-items:center;min-width:0;min-height:0;padding:var(--workspace-gap)}.stage{position:relative;width:min(100%,calc((100dvh - var(--workspace-gap) * 2) * .75));aspect-ratio:3 / 4;flex:none;overflow:hidden;background:var(--canvas)}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}.tool-rail{display:flex;flex-direction:column;min-width:0;height:100%;padding:24px 24px 24px 8px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;background:var(--paper)}.canvas-spec{display:flex;align-items:baseline;gap:8px;min-height:24px;margin:0 0 24px;color:var(--muted);font-size:10px;line-height:1.4}#stage-size{margin-left:auto;color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.aspect-label{color:#909090}.tool-section{min-width:0;margin:0 0 24px}.field-label{display:block;margin-bottom:10px;color:var(--muted);font-size:11px;line-height:1.4}.model-picker{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);gap:4px}.model-tab{padding:0 7px;font-size:11px;line-height:1.2;white-space:nowrap}.model-tab.selected{color:#151515;background:var(--selected);border-color:#c7c7c7}.assembly-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.assembly-toggle{min-width:112px;background:var(--paper)}.assembly-stage{color:var(--muted);font-size:10px;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.export-section{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.full-frame-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--ink);font-size:11px;cursor:pointer}#full-frame{width:16px;height:16px;margin:0 12px 0 0;accent-color:#454545;cursor:pointer}.field-hint{margin:-2px 0 16px;color:var(--muted);font-size:10px;line-height:1.5}.export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.primary-action{color:#fff;background:#383838;border-color:#383838}.primary-action:active:not(:disabled){background:#161616}.record-action{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--paper)}.record-dot{width:5px;height:5px;border-radius:50%;background:#ad4942}.record-action[aria-pressed=true]{color:#a0322b;border-color:#ce9f9b;background:#fff5f4}.record-action[aria-pressed=true] .record-dot{border-radius:1px}.record-status{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.record-status:empty{display:none}.inspector{min-width:0}.inspector summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 2px;list-style:none;color:var(--ink);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.inspector summary::-webkit-details-marker{display:none}.summary-mark{position:relative;width:12px;height:12px;color:#717171}.summary-mark:before,.summary-mark:after{position:absolute;top:5px;left:1px;width:10px;height:1px;background:currentColor;content:""}.summary-mark:after{transform:rotate(90deg)}.inspector[open] .summary-mark:after{transform:rotate(0)}.inspector-panel{padding-top:20px}.settings-group{min-width:0;margin:0;padding:0;border:0}.settings-group legend{margin:0 0 10px;padding:0;color:var(--muted);font-size:11px;line-height:1.4}.view-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:20px}.view-picker button{min-width:0;padding:0 8px;color:var(--muted);font-size:11px}.view-picker button.selected{color:var(--ink);background:var(--selected);border-color:#c7c7c7}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 20px;color:var(--muted);font-size:11px}select{width:140px;max-width:100%;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper);font-size:11px;cursor:pointer}.export-duration{margin-bottom:12px}.export-duration select{width:100px}.range-group{display:flex;flex-direction:column;margin:0 0 12px}.range-group>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;line-height:1.5}.range-group output{color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;min-width:0;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:#505050}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#cfcfcf}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px;border:0;border-radius:50%;background:#5c5c5c;appearance:none;-webkit-appearance:none}input[type=range]::-moz-range-track{height:2px;background:#cfcfcf}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#5c5c5c}.device-settings{margin:20px 0;padding-top:16px;border-top:1px solid var(--line)}.device-settings:has(#device-controls:empty){display:none}.device-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}#active-device{width:136px}#device-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#device-controls button{width:100%;padding:8px 10px;font-size:11px;text-align:left}#device-controls button[aria-pressed=true]{background:var(--selected);border-color:#c7c7c7}#device-controls .device-control{min-width:0;color:var(--muted);font-size:11px;line-height:1.5}#device-controls label{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;min-width:0;color:var(--muted);font-size:11px;line-height:1.5}#device-controls label>input{grid-column:1 / -1}#device-controls output{color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}#device-controls input[type=number]{width:100%;min-height:44px;margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper)}.reset{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 10px;color:var(--muted);background:var(--paper);font-size:11px}.reset span{color:var(--ink);font-size:17px}.clean-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;margin-bottom:0;padding-top:16px;border-top:1px solid var(--line)}.clean-view{padding:0 10px;color:var(--muted);background:var(--paper);font-size:11px}.shortcut-hint{color:#909090;font-size:10px;line-height:1.4}.control-feedback{margin-top:16px;padding:10px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#f1f1f1f2}.loading-panel{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:260px;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.loading-mark{width:5px;height:5px;border-radius:50%;background:#8a8a8a;animation:pulse 1s ease-in-out infinite}.loading:has(#retry:not([hidden])) .loading-mark{width:16px;height:1px;border-radius:0;animation:none}#retry{min-width:112px;min-height:44px;background:var(--paper);font-size:11px}.app:is(.ui-hidden,[data-ui-hidden=true]){grid-template-columns:minmax(0,1fr)}.app:is(.ui-hidden,[data-ui-hidden=true]) .tool-rail{display:none}.app:is(.ui-hidden,[data-ui-hidden=true]) .workspace{padding:0}.app:is(.ui-hidden,[data-ui-hidden=true]) .stage{width:min(100%,75dvh)}.restore-ui{display:none;position:fixed;z-index:20;top:16px;right:16px;min-height:44px;padding:0 12px;background:var(--paper);font-size:11px}.app:is(.ui-hidden,[data-ui-hidden=true]) .restore-ui{display:block}@media(min-width:1500px){:root{--workspace-gap: 32px;--rail-width: 328px}.tool-rail{padding:32px 32px 24px 8px}}@media(max-width:800px){:root{--workspace-gap: 16px}.app{display:flex;flex-direction:column;height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.workspace{flex:none;width:100%;padding:16px}.stage{width:min(100%,calc((100dvh - 240px)*.75))}.tool-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:16px 24px;width:min(100%,560px);height:auto;margin:0 auto;padding:8px 16px 24px;overflow:visible;scrollbar-gutter:auto}.canvas-spec{grid-column:1 / -1;margin:0}.tool-section{margin:0}.export-section{grid-column:1 / -1;grid-row:2;padding:0 0 16px;border-top:0}.composition-section,.assembly-controls,.inspector,.clean-controls,.control-feedback{grid-column:1 / -1}.clean-controls{padding-top:16px}.app:is(.ui-hidden,[data-ui-hidden=true]){display:grid;height:100vh;height:100dvh;min-height:0;overflow:hidden}.app:is(.ui-hidden,[data-ui-hidden=true]) .workspace{height:100%}}@media(max-width:800px)and (max-height:560px)and (orientation:landscape){:root{--rail-width: 280px;--workspace-gap: 12px}.app{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);height:100vh;height:100dvh;min-height:0;overflow:hidden}.workspace{height:100%;padding:var(--workspace-gap)}.stage{width:min(100%,calc((100dvh - var(--workspace-gap) * 2) * .75))}.tool-rail{display:flex;width:100%;height:100%;margin:0;padding:12px 16px 16px 4px;overflow:auto}.canvas-spec{margin-bottom:8px}.tool-section{margin-bottom:4px}.composition-section{order:0}.export-section{order:0;padding:12px 0;border-top:1px solid var(--line)}.clean-controls{margin-top:auto}}@media(hover:hover){button:hover:not(:disabled){background:#ebebeb;border-color:#c9c9c9}.primary-action:hover:not(:disabled){color:#fff;background:#202020;border-color:#202020}.record-action:hover:not(:disabled){background:#fff7f6}.inspector summary:hover{color:#777}}@keyframes pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.loading-mark{animation:none}}