@font-face{font-family:BrandDisplay;src:url('assets/brand-display.ttf') format('truetype');font-weight:900;font-style:italic;font-display:swap}
:root{--ink:#203a61;--ink-soft:#65758a;--paper:#f4f3ed;--lilac:#e0ecf4;--line:#c8d4de;--pink:#d5e4f0;--cream:#f3f3e6;--serif:BrandDisplay,Editorial,Georgia,serif}
body{background:#0b0f17;color:#c5e9ff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#71c7fa}.site-header{border-color:#263749;padding-top:12px;padding-bottom:12px}.artist-wordmark{display:inline-flex;align-items:center;flex-shrink:0}.artist-wordmark img{width:100px;height:86px;object-fit:contain;mix-blend-mode:screen}.header-byline{border-color:#40546c;color:#b4dcf7;font-size:8px;letter-spacing:2px;padding-left:22px}.header-link{color:#c4e5fc}.intro{padding:38px 0 39px}.intro>.eyebrow{color:#94c5e8}.intro-row{align-items:center}.intro h1{font-family:BrandDisplay,Editorial,serif;font-style:italic;font-weight:900;font-size:clamp(48px,5.3vw,74px);letter-spacing:-3px;line-height:1.1;color:#9ed9ff;text-shadow:1px 1px 0 #1a4c7e,2px 3px 0 #173353,3px 4px 0 #091a31,-1px -1px 0 #e2f8ff}.intro h1 em{font-family:BrandDisplay,Editorial,serif;font-weight:900;letter-spacing:-2px;color:#addfff}.title-star{color:#a9dcff!important;text-shadow:1px 2px 0 #2c6591;right:-83px;top:55px}.intro-aside p{color:#d5edfd}.intro-aside .intro-note{color:#8ca7bf}.studio{background:var(--paper);color:var(--ink);border:1px solid #d8e4ec;border-radius:8px;padding:0 26px;box-shadow:0 20px 65px #0005;align-items:start}.preview-column{position:sticky;top:18px}.preview-column .micro-label{color:#53677d}.live-dot{background:#4a85ac}.preview-stage{background:#283c56;background-image:radial-gradient(ellipse at 55% 20%,#456b91,transparent 65%),linear-gradient(155deg,#29425f,#142238);min-height:620px;border-radius:3px}.canvas-wrap{box-shadow:0 12px 25px #0006}.corner-note{color:#a0c7e6}.preview-sticker{color:#bae5ff}.template-note{font-size:8px;line-height:1.8;color:#73869a;margin:9px 0 0}.editor-heading .eyebrow{color:#6283a0}.editor-heading h2,.how-title h2,.how-steps h3,dialog h2,.setup-panel h2,.setup-guide h2{font-family:BrandDisplay,Editorial,Georgia,serif;font-style:italic;font-weight:900;letter-spacing:-.9px}.editor-heading h2{font-size:27px}.editor-heading p{color:#748397}.step-number{border-color:#a2bbce}.upload-zone{background:#e7eff5;border-color:#9fb9cd}.upload-zone:hover,.upload-zone.dragging{background:#dbeaf6;border-color:#507b9d}.upload-zone.has-photo{background:#e5edf4}.upload-icon>span{background:#e7eff5}.photo-tools{background:#e6eef4}.prompt-tab{color:#778b9c}.prompt-tabs{border-color:#cad6df}.inspiration>span{color:#73879a}.inspiration>button{color:#59748c}.control-label{color:#73879a}.small-doodle{color:#6995b6}.format.active{background:#dfebf4}.primary-button{background:linear-gradient(135deg,#284a75,#182e4e);border-color:#284c74;color:#e9f6ff;box-shadow:0 2px 0 #0b203a33}.primary-button:hover{background:linear-gradient(135deg,#385e8a,#25456e)}.primary-button:disabled{cursor:not-allowed}.lower-preview{margin:20px 0 18px;border:1px solid #c6d4df;background:#e5edf3;border-radius:4px;overflow:hidden}.lower-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;font-size:7px;letter-spacing:1px}.lower-preview-heading>span:last-child{font-size:6px;color:#788b9c}.lower-preview-wrap{background:radial-gradient(ellipse at top,#395e82,#1a2d43);padding:17px 35px;display:flex;justify-content:center}.lower-preview-wrap canvas{width:100%;max-width:230px;box-shadow:0 5px 16px #07142677}.lower-preview-wrap.story canvas{max-width:170px}.lower-preview>p{font-size:8px;text-align:center;color:#718497;margin:9px}.editor-secondary .share-button{font-size:10px;font-weight:500}.privacy-note{color:#788c9e}.music-strip{border-color:#2d3e50;margin-top:12px;padding:27px 0}.artist-portrait{width:64px;height:64px;object-fit:cover;object-position:50% 32%;border-radius:50%;border:1px solid #7cabc8;box-shadow:0 0 20px #8dd4ff16}.music-title>span{color:#779ab6}.music-title h2{font-family:BrandDisplay,Editorial,serif;font-size:25px;font-style:italic;font-weight:900;color:#a7ddff;text-shadow:1px 2px #214b75}.music-title h2 em{font-size:21px;color:#d3edff}.music-link{border-color:#84badf}.how-title .eyebrow{color:#8eb2cc}.how-title h2{color:#bde6ff}.how-steps li>span{color:#678aa7}.how-steps h3{color:#c3e6fc}.how-steps p{color:#91abc1}.closing-note{border-color:#2c3c50;color:#88b2d2}footer{border-color:#283a4c}.footer-logo img{width:75px;height:63px}footer>span,.setup-link{color:#799ab6}dialog{background:#f4f3ed;color:var(--ink);border-color:#91aec5;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030a149e}dialog h2{font-size:33px;line-height:1.13}.toast{background:#b8e4ff;color:#172f4d}.caption-copy{background:#dfeaf3}.save-fallback img{background:#0b0f17}.story-share-preview{width:150px;max-height:270px;object-fit:contain;margin:0 auto 18px;display:block;background:#0b0f17}.instagram-open{display:flex;align-items:center;justify-content:space-between;margin-top:11px;width:100%;border:1px solid #799ab6;border-radius:3px;padding:13px 16px;font-size:12px;min-height:47px}.instagram-open:hover{background:#dfeaf3}.story-sheet-button{display:block;margin:13px auto 0;font-size:10px}.setup-main{color:#c8e5f8}.setup-intro h1{font-family:BrandDisplay,Editorial,serif;font-style:italic;font-weight:900;color:#a6dfff;text-shadow:1px 2px #254d78}.setup-intro p{color:#92b1c9}.setup-grid{border-color:#2c4157}.setup-panel{padding:22px;background:#f4f3ed;color:var(--ink);border-radius:6px}.setup-panel h2{font-size:25px}.setup-field input,.setup-field textarea{background:#fdfcf8}.setup-panel .setup-note{background:#e1ebf3}.setup-guide{border-color:#2c4157}.setup-guide p{color:#91b0c8}.setup-guide code{background:#253a50;color:#cceaff}.setup-guide h2{color:#bae6ff}.setup-lock-note{font-size:10px;color:#8babca;display:flex;gap:15px;align-items:center;justify-content:space-between;margin:0 0 25px}.setup-lock-note button{font-size:10px;border-bottom:1px solid #7da9c7;padding:5px 0;color:#bce6ff}.campaign-login{max-width:440px;margin:70px auto 110px;padding:34px;background:#f4f3ed;color:#203a61;border:1px solid #9bb7cb;border-radius:8px}.campaign-login h1{font-family:BrandDisplay,Editorial,serif;font-weight:900;font-style:italic;font-size:34px;line-height:1.2;letter-spacing:-1px;margin:16px 0}.campaign-login>p{font-size:12px;color:#6b8399}.campaign-login label{display:block;font-size:11px;margin-top:25px}.campaign-login input{width:100%;min-height:46px;border:1px solid #a7bece;border-radius:3px;background:#fffdf7;padding:12px;font-size:16px;margin:9px 0 18px}.campaign-login .login-error{font-size:11px;color:#a3304c}.campaign-login .login-note{font-size:9px;margin:17px 0 0}.campaign-login>a{display:inline-block;font-size:10px;margin-top:19px;text-decoration:underline;text-underline-offset:4px}
.story-handoff-note{text-align:center;font-size:8px;line-height:1.8;color:#778b9f;margin:0 0 9px}
@media(max-width:1050px){.studio{padding:0 20px}.title-star{right:-55px;font-size:52px}.intro h1{font-size:55px}.intro-aside{min-width:220px}.preview-stage{min-height:590px}.lower-preview-wrap{padding:16px 22px}}
@media(max-width:820px){.intro h1{font-size:47px}.title-star{right:-40px;font-size:40px;top:51px}.intro-aside{min-width:180px}.studio{padding:0 17px}.editor-column{padding-left:18px}.editor-heading h2{font-size:23px}.preview-stage{min-height:550px;height:auto;max-height:none}.preview-column{display:block}.lower-preview-wrap{padding:16px}.lower-preview-wrap canvas{max-width:200px}}
@media(max-width:680px){.artist-wordmark img{width:78px;height:67px}.site-header{padding:10px 20px;gap:16px}.header-byline{padding-left:16px;font-size:6px;letter-spacing:1.3px}.intro{padding:27px 0}.intro>.eyebrow{font-size:6px;letter-spacing:.7px}.intro-row{margin-top:17px}.intro h1{font-size:clamp(32px,8.8vw,46px);letter-spacing:-1.7px;line-height:1.13}.intro h1 em{letter-spacing:-1.6px}.title-star{right:7px;top:39px;font-size:40px}.intro-aside{margin-top:21px}.intro-aside p{font-size:10px}.studio{padding:0 15px;border-radius:5px}.preview-column{position:static;top:auto}.preview-stage{min-height:0;aspect-ratio:1/1.13;padding:0 15px}.canvas-wrap{width:84%;margin:24px 0}.canvas-wrap.story{width:55%}.corner-note{font-size:6px;left:7px;top:12px}.corner-note em{font-size:11px}.preview-sticker{right:5px;bottom:15px;font-size:18px}.preview-sticker svg{width:48px}.preview-bottom{letter-spacing:.2px;font-size:5px}.preview-bottom>span:last-child{font-size:5px}.template-note{font-size:8px;margin-top:8px}.editor-column{padding:25px 0}.editor-heading h2{font-size:28px}.editor-secondary .share-button{font-size:10px;min-height:42px}.lower-preview{margin-top:24px}.lower-preview-heading{font-size:7px}.lower-preview-wrap{padding:18px 35px}.lower-preview-wrap canvas{max-width:250px}.lower-preview-wrap.story canvas{max-width:180px}.lower-preview>p{font-size:8px;margin:10px}.artist-portrait{width:50px;height:50px}.music-title h2{font-size:22px}.music-title h2 em{font-size:17px}.music-title>span{font-size:6px}.music-link{font-size:9px}.footer-logo img{width:58px;height:48px}.campaign-login{margin:42px 20px 80px;padding:25px}.campaign-login h1{font-size:32px}.setup-main{padding-left:20px;padding-right:20px}.setup-intro h1{font-size:37px;line-height:1.2}.setup-panel{padding:20px}.setup-lock-note{font-size:9px}.setup-panel h2{font-size:23px}}