*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#f59e0b;--accent2:#db7c00;--button:#fcd116;--bg:#fff8d8;--surface:#fff3b8;--surface2:#fde68a;--text:#3a2e0f;--text-muted:#7a6238;--border:#f0d878;--radius:12px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif}html,body,#root{background:var(--bg);min-height:100%}@media (orientation:landscape) and (height<=500px){.wizard-wrap{gap:8px;padding:8px}.step-card{padding:12px}.step-title{margin-bottom:10px;font-size:.95rem}}button{cursor:pointer;font-family:inherit}input[type=file]{display:none}.wizard-wrap{flex-direction:column;align-items:center;gap:16px;min-height:100dvh;padding:16px;display:flex}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:640px;padding:24px}.step-title{color:var(--accent);margin-bottom:16px;font-size:1.1rem;font-weight:700}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:1rem;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--button);color:#3a2400;box-shadow:0 4px 18px #fcd11680}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{filter:brightness(.97)}.btn-ghost{color:var(--text-muted);background:0 0;border:none;padding:8px 12px;font-size:.85rem}.progress-bar{background:var(--border);border-radius:2px;width:100%;max-width:640px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--button));border-radius:2px;height:100%;transition:width .4s}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 20px;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#fcd1161f}.upload-zone p{color:var(--text-muted);margin-top:8px;font-size:.9rem}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-card{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;padding:16px 12px;transition:border-color .2s,background .2s}.option-card.selected{border-color:var(--accent);background:#fcd11640}.option-card .oc-emoji{margin-bottom:6px;font-size:1.8rem;display:block}.option-card .oc-label{font-size:.85rem;font-weight:700}.option-card .oc-desc{color:var(--text-muted);margin-top:3px;font-size:.72rem}.nav-row{justify-content:space-between;align-items:center;width:100%;max-width:640px;display:flex}.stage{aspect-ratio:16/9;--cycle:18s;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden;container-type:size}.scene{opacity:0;pointer-events:none;position:absolute;inset:0}.scene-photo{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:50%;width:24%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.scene-name{letter-spacing:.06em;white-space:nowrap;font-size:9cqh;font-weight:900;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.scene-section-title{letter-spacing:.15em;white-space:nowrap;border-radius:999px;padding:.6cqh 2.5cqh;font-size:4.5cqh;font-weight:700;position:absolute;top:8%;left:50%;transform:translate(-50%)}.scene-body{flex-direction:column;justify-content:center;align-items:center;font-size:4.5cqh;line-height:1.6;display:flex;position:absolute;inset:22% 5% 5%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.scene-body .line-group{text-align:left;max-width:100%;line-height:1.5;display:inline-block}.scene-body .line{padding:.05em 0}.scene-body .line.line-header{text-align:center;padding:.5em 0 .2em;font-weight:700}.scene-body.overflow-mode{justify-content:flex-start}.scene-body.overflow-mode>.scene-body-inner{will-change:transform;flex-direction:column;align-items:center;display:flex}.scene-body.two-cols .line-group{grid-template-columns:1fr 1fr;gap:.3em 4%;width:100%;max-width:100%;display:grid}.scene-body.two-cols .line.line-header{grid-column:1/-1}.t-mint-fresh{background:radial-gradient(circle at 30% 20%,#d8f5ee 0%,#0000 60%),linear-gradient(135deg,#a8e8d8 0%,#b4ecec 100%)}.t-mint-fresh .accent{color:#2a6b5e}.t-mint-fresh .accent-bg{color:#fff;background:#2a6b5e}.t-mint-fresh .photo-frame{border:4px solid #fff;box-shadow:0 8px 24px #2e8c8059}.t-mint-fresh .date-color{color:#c92968;font-weight:700}.t-pastel-sparkle{background:radial-gradient(circle at 20% 30%,#ffc8e6b3 0%,#0000 50%),linear-gradient(135deg,#ffdef0 0%,#e0d8ff 50%,#fff0e0 100%)}.t-pastel-sparkle .accent{color:#c92968}.t-pastel-sparkle .accent-bg{color:#fff;background:#c92968}.t-pastel-sparkle .photo-frame{border:5px solid #fff;box-shadow:0 0 40px #ff9ecf80}.t-pastel-sparkle .date-color{color:#c92968;font-weight:700}.t-clean-pink{background:radial-gradient(at 50% 30%,#fff4f0 0%,#f5d8d8 60%,#e8b8b8 100%)}.t-clean-pink .accent{color:#c47d7d}.t-clean-pink .accent-bg{color:#fff;background:#c47d7d}.t-clean-pink .photo-frame{border:6px solid #fff;box-shadow:0 4px 20px #e8b8b880}.t-clean-pink .date-color{color:#c47d7d;font-weight:700}.t-mono-modern{background:linear-gradient(135deg,#d8dde0 0%,#c0c7cc 100%)}.t-mono-modern .accent{color:#2a2a2a}.t-mono-modern .accent-bg{color:#fff;background:#2a2a2a}.t-mono-modern .photo-frame{border:4px solid #fff;box-shadow:0 8px 30px #00000040}.t-mono-modern .date-color{color:#c92968;font-weight:700}.t-rainbow-pop{background:linear-gradient(#9ee0ff 0%,#d8f5ff 100%)}.t-rainbow-pop:before{content:"";aspect-ratio:2;opacity:.4;background:conic-gradient(from 180deg at 50% 100%,#0000 0deg 60deg,#f55 60deg 70deg,#f93 70deg 80deg,#ffe033 80deg 90deg,#6d6 90deg 100deg,#59f 100deg 110deg,#a5f 110deg 120deg,#0000 120deg 360deg);border-radius:50% 50% 0 0/100% 100% 0 0;width:130%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.t-rainbow-pop:after{content:"";aspect-ratio:2;background:linear-gradient(#9ee0ff 0%,#d8f5ff 100%);border-radius:50% 50% 0 0/100% 100% 0 0;width:95%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.t-rainbow-pop .scene{z-index:5}.t-rainbow-pop .accent{color:#f59}.t-rainbow-pop .accent-bg{color:#fff;background:#f59}.t-rainbow-pop .photo-frame{border:5px solid #fff;box-shadow:0 8px 24px #0003}.t-rainbow-pop .date-color{color:#f59;font-weight:700}.t-dark-theater{background:radial-gradient(circle at 50% 30%,#3a1a18 0%,#0000 70%),linear-gradient(135deg,#1a0508 0%,#2a0810 100%)}.t-dark-theater .accent{color:gold}.t-dark-theater .accent-bg{color:#1a0508;background:gold}.t-dark-theater .photo-frame{border:4px solid gold;box-shadow:0 0 30px #ffd70066}.t-dark-theater .date-color{color:#f96;font-weight:700}