.scene-page{padding-top:110px;padding-bottom:20px;max-width:1120px}.scene-eyebrow{font-size:.8rem;letter-spacing:.2em;color:var(--accent-ink,#b7432c);margin-bottom:12px}.scene-page h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.1;margin:0 0 16px}.scene-lead{font-size:1.2rem;max-width:46rem}.scene-note{font-size:.9rem;opacity:.75;max-width:55rem;margin:16px 0}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.scene-card{font:inherit;color:inherit;background:var(--card,#fff8ed);text-align:left;border:2px solid var(--ink-15);border-radius:18px;overflow:hidden;padding:0 0 14px;cursor:pointer;transition:border-color .15s,transform .15s}.scene-card:hover{border-color:var(--accent-ink);transform:translateY(-2px)}.scene-card[aria-pressed=true]{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-soft)}.scene-card:focus-visible,.scene-page button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.scene-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.scene-card strong,.scene-card span{display:block;margin:10px 14px 0}.scene-card span{font-size:.8rem;opacity:.75}.scene-card:disabled{cursor:wait;opacity:.65}.scene-selected{border:1px solid var(--ink-15);border-radius:18px;padding:20px;margin-top:16px}.scene-selected video{max-height:360px;max-width:100%;margin:12px 0}.scene-selected .btn{margin:8px 8px 8px 0;white-space:normal}.scene-selected input{display:block;width:100%;padding:12px;font:inherit;color:inherit;background:var(--paper);border:1px solid var(--ink-40);border-radius:8px}.scene-comparison{padding:16px 0;max-width:100%;border-top:1px solid var(--ink-15)}.scene-comparison h2{font-size:1.2rem}.scene-comparison p{font-size:.9rem;opacity:.8}.scene-comparison>.btn{margin:8px 8px 8px 0;white-space:normal}.scene-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-previews figure{margin:12px 0}.scene-previews img{width:100%;max-height:360px;object-fit:contain;border-radius:12px}.scene-previews figcaption{padding:8px 0}.scene-previews button{max-width:100%;white-space:normal}.scene-page [hidden],.scene-comparison[hidden],.scene-selected[hidden]{display:none!important}body[data-scene-playground] #studio{padding-top:30px}@media(max-width:600px){.scene-page{padding-top:95px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-card strong{font-size:.9rem}.scene-card strong,.scene-card span{margin-left:10px;margin-right:10px}.scene-selected{padding:14px}.scene-previews{gap:8px}}@media(prefers-reduced-motion:reduce){.scene-card{transition:none}.scene-card:hover{transform:none}}

.scene-filter{display:flex;gap:10px;margin:20px 0 0}.scene-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scene-card{box-shadow:3px 3px 0 var(--ink-15)}.scene-active-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 auto 18px;padding:12px 16px;background:var(--card);border:2px solid var(--ink-15);border-radius:12px;max-width:100%}.scene-active-bar button{flex-shrink:0;white-space:normal;font-size:.85rem}.scene-active-bar[hidden],.scene-card[hidden]{display:none!important}

body[data-scene-selected="true"] #v2Preview,body.scene-has-previews #v2PreviewResult{display:none!important}.scene-previews a{display:block}.scene-previews a:focus-visible{outline:3px solid var(--ink)}

.scene-card[data-suggested=true]{outline:2px dashed var(--accent-ink);outline-offset:3px}.scene-previews button[aria-pressed=true]{background:var(--ink);color:var(--paper)}