:root{--cinema:#13231a;--paper:#fcfaf6;--fg:#293c30;--muted:#6e776c;--line:#dedfd5;--accent:#31523d;--safe-bottom:max(16px,env(safe-area-inset-bottom));color:var(--fg);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Avenir Next,Segoe UI,Noto Sans,sans-serif}*{box-sizing:border-box}body{background:var(--cinema);min-width:320px;min-height:100dvh;margin:0;font-size:16px;line-height:1.58}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #9bbb92}button svg,a svg,label svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{max-width:760px;min-height:68px;color:var(--paper);justify-content:space-between;align-items:center;margin:auto;padding:8px 18px;display:flex}.wordmark{letter-spacing:-1px;font-family:Iowan Old Style,Charter,Georgia,serif;font-size:30px;font-weight:700;text-decoration:none}.header-actions{align-items:center;gap:14px;display:flex}.header-account{font-size:12px;text-decoration:none}.site-header select{min-width:82px;min-height:48px;color:var(--paper);background:#1a2c20;border:1px solid #4c5b4d;border-radius:999px;padding:0 15px;font-size:14px;font-weight:600}.app-shell{max-width:740px;margin:0 auto;padding:0 10px 30px}.wizard{background:var(--paper);border-radius:30px;min-width:0;padding:20px clamp(17px,5.2vw,32px) 32px}.wizard.compact{padding-top:35px}.wizard.guest{padding-top:28px}h1,h2{letter-spacing:-1.5px;margin:14px 0;font-family:Iowan Old Style,Charter,Georgia,Times New Roman,serif;font-size:clamp(35px,9.5vw,48px);font-weight:700;line-height:1.08}h2{font-size:28px}.intro{color:var(--muted);margin:10px 0 24px;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:1.1px;margin:0 0 10px;font-size:11px;font-weight:650}.step-rail{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;padding:0 0 20px;list-style:none;display:grid}.step-rail li{color:#969c90;flex-direction:column;align-items:center;font-size:13px;display:flex;position:relative}.step-rail li:not(:last-child):after{content:"";background:var(--line);width:calc(100% - 40px);height:1px;position:absolute;top:15px;left:calc(50% + 20px)}.step-rail span{border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.step-rail strong{margin-top:5px;font-size:13px}.step-rail .current,.step-rail .complete{color:var(--fg)}.step-rail .current span,.step-rail .complete span{color:var(--paper);background:var(--accent);border-color:var(--accent)}.flow-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin:10px 0 30px;display:flex}.flow-toolbar small{color:var(--muted);text-align:right;max-width:190px;font-size:11px}.icon-text-button{background:0 0;border:0;align-items:center;gap:3px;min-height:44px;padding:0;font-size:14px;display:flex}.icon-text-button svg{width:20px}.primary-button,.secondary-button{text-align:center;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.primary-button{background:var(--accent);color:var(--paper);border:1px solid var(--accent)}.primary-button:hover:not(:disabled){background:#254431}.secondary-button{color:var(--fg);border:1px solid var(--fg);background:0 0}.file-picker{background:var(--accent);min-height:56px;color:var(--paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin:24px 0;font-size:15px;font-weight:600;display:flex;position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-picker.disabled{opacity:.6;cursor:default}.file-picker:focus-within{outline-offset:4px;outline:3px solid #9bbb92}.source-card{border:1px solid var(--line);border-radius:17px;justify-content:space-between;align-items:center;gap:16px;margin:26px 0;padding:16px;display:flex}.source-card strong{overflow-wrap:anywhere;display:block}.source-card img{object-fit:cover;border-radius:5px;width:75px;max-height:110px}.source-card p{color:var(--muted);margin:5px 0;font-size:13px}.source-card small{font-size:12px}.upload-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:16px;font-size:14px}.upload-status progress{width:100%;height:6px;accent-color:var(--accent);margin:18px 0;display:block}.upload-status p{color:var(--muted);font-size:13px}.sticky-action{left:max(18px,50vw - 352px);right:max(18px,50vw - 352px);bottom:var(--safe-bottom);z-index:10;background:linear-gradient(transparent,var(--cinema) 100%);padding-top:10px;position:fixed}.wizard:has(.sticky-action){padding-bottom:110px}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:25px 0 20px;display:grid}.frame-option{aspect-ratio:7/10;background:#e8e4d8;border:2px solid #0000;border-radius:8px;min-width:0;padding:0;position:relative;overflow:hidden}.frame-option.landscape{aspect-ratio:10/7}.frame-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.frame-option img{object-fit:cover;width:100%;height:100%;display:block}.frame-option span{color:#fff;background:#13231adc;border-radius:3px;padding:4px;font:10px ui-monospace,monospace;position:absolute;bottom:5px;right:3px}.scrub-label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:12px;font-weight:600;display:flex}.scrub-label output{white-space:nowrap;font-family:ui-monospace,monospace}input[type=range]{width:100%;height:44px;accent-color:var(--accent);margin:4px 0 15px}.selected-photo{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.selected-photo img{object-fit:contain;border-radius:4px;width:92px;max-height:140px}.selected-photo strong{font:12px ui-monospace,monospace}.selected-photo p{color:var(--muted);font-size:13px}.ready-intro{color:var(--fg);font-weight:600}.comparison{--aspect:7/10;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.comparison.landscape{--aspect:10/7}.comparison figure{min-width:0;margin:0}.comparison figcaption{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.acrylic-frame{border-radius:4px;position:relative;box-shadow:0 0 0 7px #eeeae0,0 0 0 8px #bfc4b5,0 10px 20px #14231818}.acrylic-frame:after{content:"";pointer-events:none;background:radial-gradient(circle at 2px 2px,var(--fg) 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 2px) 2px,var(--fg) 0 2px,transparent 2.5px),radial-gradient(circle at 2px calc(100% - 2px),var(--fg) 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 2px) calc(100% - 2px),var(--fg) 0 2px,transparent 2.5px);position:absolute;inset:-5px}.photo-plane{aspect-ratio:var(--aspect);border-radius:3px;overflow:hidden}.photo-plane img{object-fit:contain;width:100%;height:100%;display:block}.motion-frame{aspect-ratio:7/10;background:var(--cinema);border-radius:6px;position:relative;overflow:hidden}.player-wrap.landscape .motion-frame{aspect-ratio:10/7}.motion-frame video,.motion-poster{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.motion-poster{pointer-events:none;transition:opacity .3s}.motion-poster.revealed{opacity:0}.media-controls{z-index:2;gap:4px;display:flex;position:absolute;bottom:5px;right:5px}.media-controls button{width:48px;height:48px;color:var(--paper);background:#183522e8;border:1px solid #f5f1e844;border-radius:50%;place-items:center;padding:0;display:grid}.media-controls svg{width:23px;height:23px}.replay{min-height:48px;margin-top:16px;font-size:13px}.behavior-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:16px 0}.behavior-note strong{font:12px ui-monospace,monospace}.behavior-note p{color:var(--muted);margin:6px 0;font-size:12px}.ready-actions{gap:12px;margin-top:20px;display:grid}.guest h1{margin-bottom:24px}.guest .player-wrap{max-width:540px;margin:auto}.guest .player-wrap.portrait{max-width:390px}.quiet-link{text-align:center;margin:22px 0 0;font-size:13px;display:block}.notice{overflow-wrap:anywhere;background:#faf0e9;border:1px solid #d9bca9;border-radius:10px;margin:15px 0;padding:15px;font-size:14px}.notice button{min-height:44px;color:var(--fg);background:0 0;border:0;font-size:14px;text-decoration:underline}.notice a{min-height:36px;display:inline-block}.field-label{margin:24px 0 8px;font-size:14px;font-weight:600;display:block}.text-input{width:100%;min-height:54px;color:var(--fg);background:#fffefa;border:1px solid #9ca78f;border-radius:10px;margin-bottom:20px;padding:12px;font-size:16px}.empty-frame{aspect-ratio:7/10;background:#e8e7dc;border:10px solid #f6f2e8;outline:1px solid #c6c9bc;place-items:center;max-width:150px;margin:35px auto;display:grid;transform:rotate(-5deg);box-shadow:0 10px 30px #152b1c16}.empty-frame span{color:#788575;font:italic 25px Georgia,serif}.welcome-photo{aspect-ratio:7/9;border-radius:5px;max-height:470px;margin:25px auto;display:block;position:relative;overflow:hidden}.welcome-photo img{object-fit:cover;width:100%;height:100%}.welcome-photo span{color:var(--paper);background:#193823e8;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:15px;left:14px;right:14px}.sample-note{color:var(--muted);margin:24px 0 0;font-size:12px}.account-email{overflow-wrap:anywhere;color:var(--muted);font-size:14px}.product-list{margin:25px 0;padding:0;list-style:none}.product-list li{border-top:1px solid var(--line)}.product-list a{justify-content:space-between;align-items:center;gap:12px;min-height:78px;font-size:14px;text-decoration:none;display:flex}.product-list span{color:var(--muted);align-items:center;gap:10px;display:flex}.product-list svg{width:20px}.account-footer{text-align:center;padding:0 20px 30px}.account-footer button{color:#bec7ba;background:0 0;border:0;min-height:44px;font-size:13px;text-decoration:underline}@media (width>=600px){.frame-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.wizard{padding-left:38px;padding-right:38px}.compact{max-width:540px;margin:auto}.comparison{gap:24px}.guest{max-width:620px;margin:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.motion-poster{transition:none}}