:root{--ink:#11100e;--paper:#f4f0e8;--red:#e74f2a;--muted:#756f66;--line:#d5cec2;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}.topbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f4f0e8eF;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.topbar strong{font:500 24px Georgia,serif}.topbar a,.topbar button,.back-button,#help-open{border:0;background:transparent;color:inherit;text-decoration:none;padding:10px}.topbar a{font-size:25px}.topbar span{background:var(--red);color:#fff;border-radius:20px;padding:2px 7px;font-size:11px}.screen{min-height:calc(100vh - 64px);padding:28px 20px 44px;max-width:840px;margin:auto}.hidden{display:none!important}.centered{display:flex;align-items:center;justify-content:center;flex-direction:column}.spinner{width:42px;height:42px;border:3px solid #cec7bc;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--red);font-weight:800}.intro-copy{text-align:center}.intro-copy h1{font:400 clamp(32px,8vw,54px)/1 Georgia,serif;margin:10px 0}.intro-copy p:last-child{color:var(--muted)}.poster{height:min(48vh,520px);margin:24px auto;background:no-repeat center/contain;filter:drop-shadow(0 18px 22px #0003)}.frame-picker>p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.frame-picker>div{display:flex;gap:10px;overflow:auto;padding:3px}.frame-chip{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:white;padding:9px 13px}.frame-chip.active{outline:2px solid var(--red);outline-offset:1px}.frame-chip i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:7px;vertical-align:-2px;border:1px solid #999}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.mode-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;display:grid;gap:6px}.mode-card.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.mode-card strong{font:400 22px Georgia,serif}.mode-card small{color:var(--muted);line-height:1.4}.mode-card.primary small{color:#d8d1c8}.mode-icon{font-size:28px}.privacy,.support-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.ar-screen{padding-top:18px}.ar-copy{text-align:center}.ar-copy h2{font:400 32px Georgia,serif;margin:8px 0}.ar-copy p{color:var(--muted)}model-viewer{display:block;width:100%;height:min(62vh,620px);background:#e5dfd6;border-radius:18px;margin:18px 0}.ar-launch,.accent,.floating-action{border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:800;padding:14px 22px;box-shadow:0 10px 30px #0003}.ar-launch{position:absolute;left:50%;bottom:22px;transform:translateX(-50%)}.editor-head{display:flex;align-items:center;justify-content:space-between;min-height:44px}.empty-stage{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #aaa197;border-radius:18px;padding:28px}.empty-stage h2{font:400 34px Georgia,serif;margin:0}.empty-stage p{max-width:440px;color:var(--muted)}.upload{background:var(--ink);color:#fff;border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer}.photo-screen{max-width:1100px}.photo-screen #editor{display:grid;gap:14px}.stage-wrap,#stage-wrap{background:#242321;border-radius:12px;overflow:hidden;display:grid;place-items:center;max-height:72vh}#stage{display:block;max-width:100%;max-height:72vh;touch-action:none}.editor-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.editor-toolbar button,.editor-toolbar label{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 15px}.editor-toolbar label{display:flex;align-items:center;gap:9px;font-size:13px}.saved-screen>p{text-align:center;color:var(--muted)}#saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative}.saved-card.selected{outline:3px solid var(--red)}.saved-card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.saved-card .meta{padding:10px;font-size:12px}.saved-card .actions{display:flex;gap:6px;padding:0 10px 10px}.saved-card button,.saved-card a{border:1px solid var(--line);background:white;color:inherit;text-decoration:none;border-radius:999px;padding:7px 9px;font-size:11px}.floating-action{position:sticky;bottom:20px;display:block;margin:20px auto}dialog{border:0;border-radius:18px;max-width:460px;padding:0;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#0008}dialog form{padding:24px;display:grid;gap:14px}dialog h2{font:400 30px Georgia,serif;margin:0}dialog p,dialog li{color:var(--muted);line-height:1.5}dialog label{display:grid;gap:5px}dialog input{padding:12px;border:1px solid var(--line);border-radius:8px}dialog button{border:1px solid var(--line);border-radius:999px;padding:12px;background:white}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,130%);transition:.25s;background:#111;color:#fff;border-radius:999px;padding:12px 18px;z-index:80;font-size:13px}#toast.show{transform:translate(-50%,0)}@media(max-width:620px){.mode-grid{grid-template-columns:1fr}.screen{padding-inline:14px}.poster{height:38vh}#saved-grid{grid-template-columns:1fr}.editor-toolbar label{width:100%;justify-content:center}}