@font-face{font-family:DiwaliScript;src:url('./assets/diwali-script.otf') format('opentype');font-display:swap;font-style:normal;font-weight:400}
:root{color-scheme:dark;--bg:#090b1a;--surface:#12152a;--line:#34344b;--muted:#a7a8ba;--gold:#f3ca8a;--gold2:#d99649;--white:#fff9f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 50% at 85% 32%,#1c1736 0%,transparent 70%),#090b1a;color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffc978;outline-offset:3px}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.45}.ambient-one{width:360px;height:360px;background:#53285c;top:22%;right:-260px}.ambient-two{width:250px;height:250px;background:#41304b;bottom:0;left:-200px}.topbar{max-width:1320px;margin:auto;padding:28px 52px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{color:var(--white);text-decoration:none;display:flex;align-items:center;gap:11px;letter-spacing:-.5px;font-weight:700;font-size:20px}.brand i{color:var(--gold);font-family:Georgia,serif;font-weight:400}.brand-icon{font-size:30px;color:var(--gold);line-height:1}.edition{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#d9c5ab;display:flex;align-items:center;gap:12px}.edition-dot{width:6px;height:6px;background:#ddbc7b;border-radius:50%;box-shadow:0 0 12px #ddbc7b}.edition-year{color:#766e7d}.layout{max-width:1320px;margin:0 auto;padding:64px 52px 62px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(52px,8vw,136px);align-items:start}.editor{min-width:0}.eyebrow{color:#d8ae76;font-size:10px;letter-spacing:2.3px;font-weight:750;display:flex;gap:13px;align-items:center}.eyebrow-line{height:1px;width:27px;background:#d8ae76}.editor h1{font-size:clamp(46px,5.2vw,75px);line-height:1.08;letter-spacing:-3px;font-weight:650;margin:24px 0 16px}.editor h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-weight:400;letter-spacing:-2.6px}.intro{color:#b4b2c1;line-height:1.75;font-size:15px;max-width:440px;margin:0 0 36px}.form-card{background:linear-gradient(142deg,#19192e 0%,#111426 75%);border:1px solid #383346;border-radius:19px;padding:29px 28px 25px;box-shadow:0 20px 65px #00000023}.section-label{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1.7px;color:#aaa4b6;font-weight:750;margin-bottom:28px}.section-label span:first-child{color:#d7a966;font-family:Georgia,serif;font-size:15px;font-weight:400;letter-spacing:0}label{display:block;font-size:13px;font-weight:650;color:#f2edf0;margin-bottom:11px}.optional{font-size:11px;font-weight:400;color:#88879b;margin-left:3px}.input-wrap{position:relative}.name-wrap{margin-bottom:24px}input,textarea{display:block;width:100%;background:#0e1121;border:1px solid #39384b;border-radius:9px;color:#fff9f1;font-size:15px;padding:14px 16px;transition:border-color .18s,box-shadow .18s}input{padding-right:44px;font-size:20px;font-family:Georgia,serif;letter-spacing:.5px}input:focus,textarea:focus{border-color:#d1a465;box-shadow:0 0 0 3px #d1a46513;outline:0}textarea{resize:vertical;min-height:91px;line-height:1.5;font-size:13px}input::placeholder,textarea::placeholder{color:#66667b}.input-spark{position:absolute;right:15px;top:11px;color:#cfaa70;font-size:25px}.message-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;align-items:center}.text-button{background:none;border:0;padding:0;color:#edbf83;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}#char-count{font-size:10px;color:#77768a;font-variant-numeric:tabular-nums}.separator{height:1px;background:#353143;margin:29px 0 24px}.setting-title{font-size:12px;font-weight:650;margin-bottom:13px}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-option{border:1px solid #3d3c50;background:#141729;color:#b7b5c3;padding:9px 12px;border-radius:8px;display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap;transition:all .2s}.theme-option.active,.aspect-button.active{border-color:#bd955d;background:#44362477;color:#f5d9b0}.swatch{width:11px;height:11px;border-radius:50%}.swatch-gold{background:linear-gradient(140deg,#fff4bc,#d78b41)}.swatch-rose{background:linear-gradient(140deg,#ffe4dc,#d1688a)}.swatch-multi{background:conic-gradient(#eaa14b,#8adccc,#ca78dd,#efcc70,#eaa14b)}.spaced{margin-top:23px}.aspect-options{display:flex;gap:10px}.aspect-button{border:1px solid #3d3c50;background:#141729;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;min-width:122px;color:#b5b4c2;font-size:12px}.aspect-button span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.aspect-button small{font-size:10px;color:#89869a}.mini-portrait{width:13px;height:21px;border:1.4px solid currentColor;border-radius:2px}.mini-square{width:19px;height:19px;border:1.4px solid currentColor;border-radius:2px}.action-area{margin-top:24px}.primary-button{width:100%;background:linear-gradient(110deg,#f5d5a2,#dfa966);border:0;color:#251a17;padding:17px 18px;border-radius:10px;font-size:14px;font-weight:750;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 25px #d9a2631f;transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button:disabled{cursor:progress;opacity:.72;transform:none}.button-icon{font-size:24px;line-height:.7;font-weight:400}.button-arrow{font-size:18px;font-weight:400}.secondary-button{background:none;border:0;padding:17px 0;color:#e4c398;width:100%;font-size:13px;font-weight:600}.secondary-button span{margin-left:5px}.secondary-button:hover{text-decoration:underline}.save-note{color:#7d7e92;text-align:center;font-size:11px;min-height:16px;line-height:1.5}.preview-column{position:sticky;top:28px;min-width:0}.preview-heading{font-size:10px;color:#aaa8b7;letter-spacing:1.8px;display:flex;align-items:center;justify-content:space-between;font-weight:650;margin-bottom:16px}.preview-heading span:first-child{display:flex;align-items:center;gap:10px}.live-dot{height:6px;width:6px;border-radius:50%;background:#e6b876;box-shadow:0 0 9px #e6b876}.preview-heading span:last-child{font-size:10px;color:#66677f}.stage-outer{position:relative;background:radial-gradient(circle at 50% 50%,#39303f,#131528 75%);border-radius:18px;padding:12px;display:flex;justify-content:center;border:1px solid #3a3446;box-shadow:0 38px 80px #0007;overflow:hidden}.stage{position:relative;overflow:hidden;width:min(100%,312px);aspect-ratio:9/16;background:#05091c;border-radius:9px;box-shadow:0 0 40px #0008}.stage.square{width:min(100%,410px);aspect-ratio:1}.stage canvas{display:block;width:100%;height:100%}.stage-shine{position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff23;border-radius:9px}.corner{width:22px;height:22px;border-color:#d7aa72;opacity:.7;position:absolute;pointer-events:none}.corner-tl{top:5px;left:5px;border-left:1px solid;border-top:1px solid}.corner-tr{top:5px;right:5px;border-right:1px solid;border-top:1px solid}.corner-bl{bottom:5px;left:5px;border-left:1px solid;border-bottom:1px solid}.corner-br{bottom:5px;right:5px;border-right:1px solid;border-bottom:1px solid}.playback-row{display:flex;align-items:center;gap:15px;margin-top:20px}.replay-button{background:none;border:0;color:#dfc6a5;font-size:12px;white-space:nowrap;padding:7px 0}.replay-button span{font-size:20px;margin-right:5px;vertical-align:-2px}.timeline{height:3px;background:#393346;flex:1;border-radius:3px;overflow:hidden}.timeline-progress{height:100%;width:0;background:linear-gradient(90deg,#c88c58,#fff0ac)}.time-indicator{font-size:11px;color:#908a9b;white-space:nowrap;font-variant-numeric:tabular-nums}.preview-footnote{font-size:11px;color:#89879b;line-height:1.5;margin-top:21px;text-align:center}.preview-footnote span{color:#d4ad79;margin:0 5px}footer{max-width:1320px;padding:24px 52px 32px;border-top:1px solid #ffffff10;margin:auto;color:#6e6b80;letter-spacing:1.7px;font-size:9px;display:flex;justify-content:space-between;gap:20px}footer span:last-child{letter-spacing:.2px;font-size:11px}
@media(min-width:1100px) and (max-height:820px){.layout{padding-top:35px}.stage{max-height:640px;width:auto}.stage.square{max-height:600px;width:min(100%,410px)}}
@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:35px;padding:43px 28px}.topbar{padding-left:28px;padding-right:28px}.editor h1{font-size:52px}.form-card{padding:24px 19px}.theme-option{padding:8px;font-size:10px}.stage{max-height:640px;width:auto}.stage.square{width:min(100%,350px)}footer{padding-left:28px;padding-right:28px}}
@media(max-width:720px){.topbar{padding:20px 21px}.brand{font-size:17px}.edition{font-size:8px;letter-spacing:1.2px;gap:7px}.edition-year{display:none}.layout{display:flex;flex-direction:column;padding:36px 20px 44px;gap:33px}.editor{width:100%}.editor h1{font-size:clamp(46px,12vw,60px);letter-spacing:-2.4px;margin-top:17px}.editor h1 em{letter-spacing:-2px}.intro{font-size:14px;margin-bottom:26px}.form-card{padding:24px 19px}.preview-column{position:static;width:100%;max-width:450px;align-self:center;order:-1}.stage{max-height:min(64vh,550px);width:auto}.stage.square{max-height:min(62vh,420px);width:min(100%,380px)}.preview-footnote{margin-top:13px}.playback-row{margin-top:13px}.editor{display:contents}.editor>.eyebrow,.editor>h1,.editor>.intro{display:none}.form-card{order:1;width:100%}.action-area{order:2;width:100%}footer{padding:24px 20px;flex-direction:column;gap:8px;text-align:center}}
@media(max-width:400px){.theme-options{gap:6px}.theme-option{padding:8px 7px}.aspect-button{min-width:104px;padding:10px}.preview-heading{font-size:9px}}

.sound-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;font-size:12px;color:#c8bdc8}.sound-settings button{white-space:nowrap}