:root{color:#172436;--bg:#dfe8ce;--stage-bg:#8fa084;--panel:#fbfff1;--panel-dark:#d6dfc8;--ink:#172436;--accent:#5d9a61;--accent-dark:#244f32;--shadow:#1724363d;--line:#172436;--top-control-offset:max(16px, env(safe-area-inset-top));font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;-webkit-font-smoothing:none;background:#dfe8ce;font-family:Menlo,Monaco,Consolas,MS Gothic,Hiragino Kaku Gothic ProN,ui-monospace,monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,.save-link{border:4px solid var(--line);color:var(--ink);background:var(--panel);box-shadow:0 5px 0 var(--shadow);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:6px;font-weight:900}button:active,.save-link:active{box-shadow:0 2px 0 var(--shadow);transform:translateY(5px)}button:disabled{cursor:not-allowed;opacity:.55}.material-symbols-rounded{text-transform:none;letter-spacing:0;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded;font-size:1.2em;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-rounded[hidden]{display:none!important}.app,.loading-screen,.home-screen,.stage,.preview-screen{width:100%;height:100dvh}.app{background:var(--bg);position:relative;overflow:hidden}.loading-screen,.home-screen,.stage,.preview-screen{display:none}.state-home .home-screen,.state-camera .stage,.state-preview .preview-screen{display:block}.state-loading .loading-screen{display:grid}.loading-screen{background:var(--bg);align-content:center;place-items:center;padding:24px}.loading-ducks{justify-content:center;align-items:end;gap:clamp(0px,.4vw,6px);width:min(860px,100%);display:flex}.loading-duck{opacity:0;flex:0 auto;width:clamp(44px,7vw,88px);height:auto;animation:2.4s ease-in-out infinite loading-duck;display:block;transform:translateY(10px)scale(.88)}.loading-duck:first-child{width:clamp(80px,12vw,160px)}.loading-duck:nth-child(n+2){margin-bottom:6px}.loading-duck:nth-child(2){animation-delay:.18s}.loading-duck:nth-child(3){animation-delay:.36s}.loading-duck:nth-child(4){animation-delay:.54s}@keyframes loading-duck{0%,to{opacity:0;transform:translateY(10px)scale(.88)}20%,68%{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.loading-duck{opacity:1;animation:none;transform:none}}.home-screen{background:var(--bg);position:relative;overflow:hidden}.state-home .home-screen{min-height:100dvh;padding:max(32px, 8dvh) 22px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow-y:auto}.start-button{text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;min-height:68px;padding:0 26px;font-size:18px;line-height:1.3;display:inline-flex}.model-picker{gap:8px;width:min(420px,100%);display:grid}.camera-start-panel{gap:8px;width:min(420px,100%);margin-top:32px;display:grid}.model-picker label{width:100%;padding-left:2px;font-size:20px;font-weight:900;line-height:1.1}.model-gallery{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,96px));justify-content:start;gap:14px;max-height:none;padding:3px;display:grid;overflow-y:auto}.model-card{aspect-ratio:1;min-width:0;min-height:0;box-shadow:0 3px 0 var(--shadow);text-align:left;border-width:3px;padding:0;display:grid;position:relative;overflow:hidden}.model-card.is-selected{border-color:var(--accent-dark);background:var(--panel-dark);outline:3px solid var(--accent);outline-offset:1px}.model-card.is-pending{cursor:wait}.model-card:disabled{opacity:1}.model-card.is-pending .model-card-preview{opacity:.55}.model-card-preview{color:var(--panel);background:var(--stage-bg);place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0;overflow:hidden}.model-card-preview img{object-fit:contain;width:100%;height:100%;display:block}.model-card-canvas{width:100%;height:100%;display:block}.model-card-status{border:3px solid var(--line);color:var(--panel);box-shadow:0 3px 0 var(--shadow);text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#244f32e6;border-radius:4px;padding:6px 8px;font-size:12px;font-weight:900;position:absolute;top:50%;left:8px;right:8px;overflow:hidden;transform:translateY(-50%)}.model-card-progress{border:3px solid var(--line);height:10px;box-shadow:0 3px 0 var(--shadow);background:#fbfff18c;border-radius:4px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.model-card-progress-fill{background:var(--accent-dark);width:0;height:100%;transition:width .24s;display:block}.add-model-card{color:var(--ink);background:var(--panel-dark);place-items:center;font-size:52px}.add-model-card .material-symbols-rounded{font-size:52px}.stage{background:var(--stage-bg);touch-action:none;--control-bottom:calc(24px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.home-button{top:var(--top-control-offset);z-index:5;width:48px;height:48px;min-height:0;color:var(--ink);background:var(--panel);place-content:center;align-items:center;padding:0;font-size:0;display:inline-flex;position:absolute;left:16px}.home-button .material-symbols-rounded{font-size:22px}#cameraVideo,.three-layer,.three-layer canvas{width:100%;height:100%;position:absolute;inset:0}#cameraVideo{object-fit:cover;filter:contrast(1.04)brightness(1.02);opacity:1;image-rendering:pixelated;touch-action:none}#cameraVideo.is-mirrored{transform:scaleX(-1)}.three-layer{z-index:1;pointer-events:none}.camera-switch-button,.model-controls,.capture-button{z-index:5}.camera-switch-button{right:calc(50% + 44px);bottom:var(--control-bottom);place-items:center;min-width:66px;min-height:54px;padding:0;display:inline-grid;position:absolute}.camera-switch-button .material-symbols-rounded{font-size:30px}.capture-button{left:50%;bottom:var(--control-bottom);background:var(--panel);place-items:center;width:88px;height:88px;padding:0;display:inline-grid;position:absolute;transform:translate(-50%)}.capture-button:active{transform:translate(-50%,5px)}.capture-button .material-symbols-rounded{color:var(--panel);border:4px solid var(--line);background:var(--accent);border-radius:50%;place-items:center;width:54px;height:54px;font-size:32px;display:inline-grid}.model-controls{left:calc(50% + 64px);bottom:var(--control-bottom);border:4px solid var(--line);background:var(--panel);width:124px;box-shadow:0 5px 0 var(--shadow);touch-action:none;border-radius:6px;padding:9px;position:absolute}.scale-control{z-index:5;left:calc(50% - 174px);bottom:var(--control-bottom);border:3px solid var(--line);background:var(--panel);width:48px;height:min(240px,100dvh - 128px);color:var(--ink);touch-action:none;border-radius:6px;grid-template-rows:30px minmax(0,1fr) 30px;place-items:center;gap:6px;padding:5px;display:grid;position:absolute;box-shadow:0 3px #1724362e}.scale-control .material-symbols-rounded{border:3px solid var(--line);background:var(--panel-dark);border-radius:4px;place-items:center;width:28px;height:28px;font-size:20px;display:inline-grid;box-shadow:0 2px #1724362e}.model-scale-range{appearance:none;writing-mode:vertical-lr;touch-action:none;direction:rtl;background:0 0;width:28px;height:100%;min-height:0;margin:0;display:block}.model-scale-range::-webkit-slider-runnable-track{border:3px solid var(--line);background:var(--panel);width:8px;height:100%}.model-scale-range::-webkit-slider-thumb{border:4px solid var(--line);appearance:none;background:var(--panel);border-radius:3px;width:22px;height:18px;margin-left:-10px}.model-scale-range::-moz-range-track{border:3px solid var(--line);background:var(--panel);width:8px;height:100%}.model-scale-range::-moz-range-thumb{border:4px solid var(--line);background:var(--panel);border-radius:3px;width:22px;height:18px}.move-pad{touch-action:none;grid-template-rows:repeat(2,30px);grid-template-columns:repeat(3,30px);gap:4px;display:grid}.move-pad button{min-width:30px;min-height:30px;box-shadow:0 3px 0 var(--shadow);touch-action:none;border-width:3px;place-items:center;padding:0;font-size:16px;line-height:1;display:inline-grid}.move-pad button .material-symbols-rounded{font-size:24px}.move-pad button:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.move-pad button[data-move=up]{grid-area:1/2}.move-pad button[data-move=left]{grid-area:2/1}.move-pad button[data-move=right]{grid-area:2/3}.move-pad button[data-move=down]{grid-area:2/2}.preview-screen{background:var(--bg);position:relative;overflow:hidden}.preview-screen img{object-fit:contain;background:var(--stage-bg);width:100%;height:100%;image-rendering:pixelated;display:block}.preview-actions{z-index:3;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));gap:12px;width:min(380px,100% - 28px);display:flex;position:absolute;transform:translate(-50%)}.secondary-button,.save-link{flex:1 1 0;place-items:center;min-height:58px;padding:0 18px;font-size:18px;text-decoration:none;display:inline-grid}.save-link{color:var(--panel);background:var(--accent-dark)}.status-text{top:var(--top-control-offset);z-index:10;border:4px solid var(--line);max-width:min(520px,100% - 32px);min-height:48px;color:var(--panel);background:var(--accent-dark);box-shadow:0 5px 0 var(--shadow);text-align:center;pointer-events:none;justify-content:center;align-items:center;margin:0;padding:8px 10px;font-size:12px;font-weight:900;display:flex;position:absolute;right:16px}.state-home .status-text,.state-loading .status-text{display:none}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=640px){.start-button{min-width:0;font-size:20px}.model-picker{width:100%}.camera-switch-button{left:76px;right:auto}.model-controls{left:auto;right:18px}.scale-control{left:16px;bottom:var(--control-bottom);grid-template-rows:30px minmax(0,1fr) 30px;gap:5px;width:48px;height:min(220px,100dvh - 128px);padding:5px}.move-pad{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(3,28px)}.move-pad button{min-width:28px;min-height:28px}.preview-actions{gap:6px}.secondary-button,.save-link{padding:0 8px;font-size:12px}}@media (orientation:landscape){.stage{--landscape-left-gutter:16px;--landscape-right-gutter:16px}.state-home .home-screen{padding:max(20px, env(safe-area-inset-top)) 32px calc(18px + env(safe-area-inset-bottom))}.model-picker{width:min(900px,100%)}.model-gallery{grid-template-rows:auto;grid-template-columns:none;grid-auto-columns:96px;grid-auto-flow:column;overflow:auto hidden}.camera-start-panel{width:min(360px,100%);margin-top:auto}.model-controls{right:var(--landscape-right-gutter);left:auto;bottom:var(--control-bottom)}.scale-control{left:var(--landscape-left-gutter);bottom:var(--control-bottom);height:min(220px,100dvh - 128px)}.camera-switch-button{right:auto;left:calc(var(--landscape-left-gutter) + 64px);bottom:calc(var(--control-bottom) + 100px)}.capture-button{right:auto;left:calc(var(--landscape-left-gutter) + 64px);bottom:var(--control-bottom);transform:none}.capture-button:active{transform:translateY(5px)}}