:root{color:#172436;--bg:#dfe8ce;--stage-bg:#8fa084;--panel:#fbfff1;--panel-dark:#d6dfc8;--ink:#172436;--accent:#5d9a61;--accent-dark:#244f32;--shadow:#1724363d;--line:#172436;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}.app,.home-screen,.stage,.preview-screen{width:100%;height:100dvh}.app{background:var(--bg);position:relative;overflow:hidden}.home-screen,.stage,.preview-screen{display:none}.state-home .home-screen,.state-camera .stage,.state-preview .preview-screen{display:block}.home-screen{background:var(--bg);place-items:center;position:relative;overflow:hidden}.state-home .home-screen{display:grid}.start-button{justify-content:center;align-items:center;gap:10px;min-width:min(360px,100% - 52px);min-height:68px;padding:0 26px;font-size:22px;display:inline-flex}.stage{background:var(--stage-bg);touch-action:none;--control-bottom:calc(24px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.stage:after{content:"CAM READY";top:max(16px, env(safe-area-inset-top));z-index:4;border:4px solid var(--line);color:var(--panel);background:var(--accent-dark);box-shadow:0 5px 0 var(--shadow);pointer-events:none;padding:8px 10px;font-size:13px;font-weight:900;position:absolute;left:16px}#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:206px;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:before{content:"PHOTO";top:max(16px, env(safe-area-inset-top));z-index:2;border:4px solid var(--line);color:var(--panel);background:var(--accent-dark);box-shadow:0 5px 0 var(--shadow);padding:8px 10px;font-size:13px;font-weight:900;position:absolute;left:16px}.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)}.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:calc(100% - 64px);font-size:24px}.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:166px;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}}