:root{
  --paper:#fbf8f2;--paper-2:#f2ebdf;--ink:#211e24;--muted:#766e78;--line:#ddd3c5;
  --pink:#e85587;--pink-deep:#b72d62;--lavender:#9a83da;--cyan:#5ccbc4;--gold:#e9b75e;
  --shadow:0 22px 70px rgba(51,38,46,.13);--soft-shadow:0 10px 30px rgba(51,38,46,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(79,142,218,.38);outline-offset:3px}
[hidden]{display:none!important}
.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 450,"GRAD" 0,"opsz" 24}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;left:16px;top:-80px;padding:12px 16px;border-radius:10px;background:#fff;color:#111;font-weight:850;box-shadow:var(--soft-shadow)}
.skip-link:focus{top:16px}
.topbar{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:70px;padding:10px clamp(16px,4vw,62px);border-bottom:1px solid rgba(85,69,72,.12);background:rgba(251,248,242,.88);backdrop-filter:blur(18px)}
.back-link{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);text-decoration:none}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,#d75c8a 19% 28%,#2e2634 29% 47%,#f0c269 48% 55%,#fff 56%);font-size:0;box-shadow:0 4px 14px rgba(82,41,63,.17)}
.brand-lockup div{display:flex;flex-direction:column;min-width:0}.brand-lockup strong{font-family:"DM Serif Display",serif;font-size:19px;letter-spacing:.02em}.brand-lockup span{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.24em}
.prototype-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9cce2;border-radius:999px;background:#fff;color:#6c586e;font-size:11px;font-weight:850}.prototype-badge>span{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(232,85,135,.1)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(36px,7vw,110px);min-height:calc(100vh - 70px);padding:70px clamp(22px,6vw,96px) 82px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.95),transparent 31%),radial-gradient(circle at 88% 14%,rgba(167,134,219,.18),transparent 28%),radial-gradient(circle at 78% 88%,rgba(100,209,197,.16),transparent 26%);pointer-events:none}
.hero-copy,.hero-demo{position:relative;z-index:1}.eyebrow{margin:0 0 18px;color:#9c6f81;font-size:11px;font-weight:900;letter-spacing:.22em}.hero h1{margin:0;font-family:"DM Serif Display",serif;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.98;letter-spacing:-.035em}.hero h1 em{color:var(--pink-deep);font-weight:400}.hero-lead{max-width:600px;margin:28px 0 0;color:#665d67;font-size:clamp(16px,1.35vw,20px);font-weight:600;line-height:1.75;word-break:keep-all}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:14px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{background:linear-gradient(135deg,var(--pink),#c94280);color:#fff;box-shadow:0 10px 24px rgba(197,53,111,.23)}.button.quiet{border-color:var(--line);background:#fff;color:var(--ink)}.button.compact{min-height:44px;padding:0 16px;font-size:13px}.text-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;border:0;background:transparent;color:var(--muted);font-weight:800}.hero-facts{display:flex;align-items:center;gap:10px;margin-top:34px;color:#817681;font-size:11px;font-weight:850;letter-spacing:.05em}.hero-facts i{width:4px;height:4px;border-radius:50%;background:#c6abb7}
.hero-demo{isolation:isolate}.ambient-disc{position:absolute;z-index:-1;border-radius:50%;filter:blur(.2px)}.disc-one{width:270px;height:270px;right:-70px;top:-80px;background:conic-gradient(#f294b3,#ffe48e,#8cdbd1,#a895e1,#f294b3);opacity:.3;animation:spinDisc 28s linear infinite}.disc-two{width:140px;height:140px;left:-48px;bottom:40px;background:radial-gradient(circle,#fff 0 16%,#2b2531 17% 44%,#ec6d98 45% 48%,#2b2531 49%);opacity:.16;animation:spinDisc 18s linear reverse infinite}@keyframes spinDisc{to{transform:rotate(360deg)}}
.memory-player{padding:18px;border:1px solid rgba(118,86,104,.18);border-radius:32px;background:linear-gradient(145deg,#f9a3bc,#ef7fa7 45%,#d96899);box-shadow:0 28px 85px rgba(115,48,79,.23),inset 0 2px rgba(255,255,255,.66)}.player-topline{display:flex;justify-content:space-between;margin:0 5px 12px;color:#6c2848;font-size:9px;font-weight:950;letter-spacing:.15em}.player-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr);gap:12px}.tv-shell{padding:12px 12px 10px;border-radius:22px;background:linear-gradient(145deg,#4b2a3e,#211724);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.tv-screen{position:relative;display:grid;min-height:300px;place-items:center;overflow:hidden;border:8px solid #17131a;border-radius:15px;box-shadow:inset 0 0 34px rgba(0,0,0,.35)}.screen-label{position:absolute;left:14px;right:14px;bottom:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.34);background:rgba(28,19,30,.62);color:#fff;font-size:11px;font-weight:850;text-align:center;backdrop-filter:blur(8px)}.tv-controls{display:flex;gap:8px;justify-content:center;margin-top:10px}.tv-controls b{width:9px;height:9px;border-radius:50%;background:#f7d26e;box-shadow:inset 0 -2px rgba(82,53,45,.22)}.tv-controls b:nth-child(2){background:#78d0c6}.tv-controls b:nth-child(3){background:#9e8add}.tv-controls b:nth-child(4){background:#f2a0bb}
.player-meta{display:flex;flex-direction:column;padding:18px 14px;border-radius:20px;background:#2c2130;color:#fff}.track-number{font-family:"DM Serif Display",serif;color:#f5bf68;font-size:54px;line-height:1}.player-meta p{margin:16px 0 5px;color:#af9daf;font-size:8px;font-weight:900;letter-spacing:.19em}.player-meta h2{margin:0;font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;line-height:1.08}.waveform{display:flex;height:70px;align-items:center;gap:4px;margin-top:auto}.waveform i{width:4px;border-radius:99px;background:linear-gradient(#f1b55f,#e66b9b);animation:wave 1.25s ease-in-out infinite}.waveform i:nth-child(1),.waveform i:nth-child(9){height:18px}.waveform i:nth-child(2),.waveform i:nth-child(8){height:38px;animation-delay:-.2s}.waveform i:nth-child(3),.waveform i:nth-child(7){height:52px;animation-delay:-.45s}.waveform i:nth-child(4),.waveform i:nth-child(6){height:29px;animation-delay:-.7s}.waveform i:nth-child(5){height:61px;animation-delay:-.9s}@keyframes wave{50%{transform:scaleY(.45)}}.audio-locked{display:flex;min-height:40px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:#cabdca;font-size:11px;font-weight:800}
.record-shelf{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:9px;margin:14px 18px 0}.record-case{position:relative;min-height:108px;padding:9px 7px;border:1px solid rgba(112,77,96,.16);border-radius:12px 12px 5px 5px;background:linear-gradient(155deg,#ffedd1,#f2b5c7 58%,#cb91d7);box-shadow:0 11px 23px rgba(66,42,53,.11);color:#674357;transition:transform .2s}.record-case:nth-child(2){background:linear-gradient(155deg,#cdf2ef,#8fcec9 58%,#587b9d)}.record-case:nth-child(3){background:linear-gradient(155deg,#fff0a8,#e4b964 58%,#7cb98a)}.record-case:nth-child(4){background:linear-gradient(155deg,#d7cafa,#9582d2 58%,#6c5097)}.record-case:nth-child(5){background:linear-gradient(155deg,#fbd5bb,#e78c84 58%,#bb667f)}.record-case.active{transform:translateY(-12px) rotate(-1deg);box-shadow:0 18px 30px rgba(66,42,53,.18)}.record-case span{display:block;font-family:"DM Serif Display",serif;font-size:31px}.record-case b{position:absolute;left:7px;bottom:8px;font-size:8px;letter-spacing:.14em}.silent-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0 0;color:#8b7e89;font-size:10px;font-weight:750;text-align:center}.silent-note .material-symbols-rounded{font-size:15px}
.art-visual{position:relative;isolation:isolate;background:#bfe6f5}.art-visual:before,.art-visual:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(.3px)}.art-visual:before{width:42%;height:42%;left:8%;top:12%;background:rgba(255,226,103,.76);box-shadow:95px 65px 0 rgba(255,255,255,.42),155px -20px 0 rgba(113,128,226,.32)}.art-visual:after{width:72%;height:18%;right:-12%;bottom:7%;border-radius:64% 30% 58% 20%;background:rgba(59,130,176,.28);transform:rotate(-8deg)}.art-mark{font-size:clamp(64px,8vw,108px);filter:drop-shadow(0 8px 1px rgba(67,67,102,.12));transform:rotate(-5deg)}.art-robot{background:#f4cb83}.art-robot:before{background:rgba(104,172,203,.65);box-shadow:110px 38px 0 rgba(232,82,93,.46),170px -15px 0 rgba(255,246,190,.62)}.art-garden{background:#cde5a8}.art-garden:before{background:rgba(246,110,142,.53);box-shadow:100px 60px 0 rgba(245,208,74,.58),170px -18px 0 rgba(99,181,131,.42)}.art-moon{background:#aa9bdc}.art-moon:before{background:rgba(253,223,124,.76);box-shadow:100px 58px 0 rgba(77,64,130,.38),160px -18px 0 rgba(255,255,255,.36)}.art-home{background:#f2b89e}.art-home:before{background:rgba(111,188,183,.57);box-shadow:100px 58px 0 rgba(246,217,89,.56),160px -18px 0 rgba(209,92,106,.34)}
.how-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;max-width:1320px;margin:0 auto 72px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line);box-shadow:var(--soft-shadow)}.how-strip div{display:flex;min-height:130px;flex-direction:column;padding:20px;background:#fff}.how-strip span{color:var(--pink-deep);font-family:"DM Serif Display",serif;font-size:25px}.how-strip b{margin-top:auto;font-size:14px}.how-strip small{margin-top:4px;color:var(--muted);font-size:11px}
.studio{max-width:1480px;margin:0 auto;padding:50px clamp(14px,4vw,48px) 100px}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-heading h2{margin:0;font-family:"DM Serif Display",serif;font-size:clamp(32px,4vw,52px);font-weight:400}.studio-heading .eyebrow{margin-bottom:8px}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.stepper button{display:flex;min-height:62px;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.68);color:#8a808b;text-align:left}.stepper span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#eee8e0;font-family:"DM Serif Display",serif;font-size:18px}.stepper b{font-size:12px}.stepper button.active,.stepper button[aria-current=step]{border-color:#d895b1;background:#fff;color:var(--pink-deep);box-shadow:var(--soft-shadow)}.stepper button.done span{background:#e6f4ef;color:#257862}
.studio-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.step-panel{display:none;min-height:570px;padding:clamp(22px,4vw,48px)}.step-panel.active{display:block}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:28px}.panel-kicker{color:var(--pink-deep);font-size:10px;font-weight:950;letter-spacing:.2em}.panel-heading h3{margin:6px 0 7px;font-family:"DM Serif Display",serif;font-size:clamp(27px,3vw,39px);font-weight:400}.panel-heading p{max-width:720px;margin:0;color:var(--muted);font-size:14px;line-height:1.65;word-break:keep-all}.selection-count{display:flex;min-width:116px;align-items:baseline;justify-content:center;gap:5px;padding:14px;border-radius:16px;background:#faf4f6;color:var(--pink-deep)}.selection-count strong{font-family:"DM Serif Display",serif;font-size:35px}.selection-count span{font-size:10px;font-weight:850}.child-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;border:1px solid #e4d8cb;border-radius:18px;background:#fbf8f2}.child-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e5618c,#a281d0);color:#fff;font-weight:950}.child-row>div:nth-child(2){display:flex;flex-direction:column}.child-row strong{font-size:14px}.child-row span{margin-top:3px;color:var(--muted);font-size:11px}.sync-pill{display:inline-flex!important;align-items:center;gap:5px;margin:0 0 0 auto!important;padding:7px 10px;border-radius:999px;background:#eaf5f1;color:#317763!important;font-size:10px!important;font-weight:850}.sync-pill .material-symbols-rounded{font-size:16px}
.artwork-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.art-card{position:relative;min-width:0;padding:0;border:2px solid transparent;border-radius:18px;background:#f4efe7;overflow:hidden;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.art-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow)}.art-card.selected{border-color:var(--pink);box-shadow:0 0 0 4px rgba(232,85,135,.1)}.art-card .art-visual{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden}.art-card .art-mark{font-size:70px}.art-card-copy{display:block;padding:12px}.art-card-copy b,.art-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-card-copy b{font-size:12px}.art-card-copy small{margin-top:4px;color:var(--muted);font-size:10px}.check-dot{position:absolute;top:10px;right:10px;display:grid;width:28px;height:28px;place-items:center;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(39,28,39,.36);color:#fff;backdrop-filter:blur(8px)}.art-card.selected .check-dot{background:var(--pink)}
.story-list,.analysis-list,.job-list{display:grid;gap:14px}.story-card,.analysis-card,.job-card{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}.story-card .art-visual,.analysis-card .art-visual{display:grid;width:100px;aspect-ratio:1/1;place-items:center;border-radius:13px;overflow:hidden}.story-card .art-mark,.analysis-card .art-mark{font-size:48px}.story-fields{display:grid;grid-template-columns:1fr 180px;gap:10px;align-content:start}.story-fields label,.analysis-fields label,.inspector label{display:flex;flex-direction:column;gap:6px;color:#514853;font-size:11px;font-weight:850}.story-fields label:first-child{grid-column:1/-1}.story-fields textarea,.story-fields select,.analysis-fields input,.inspector input{width:100%;border:1px solid #dcd2c7;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);font-size:13px;outline:none}.story-fields textarea{min-height:72px;resize:vertical}.voice-policy{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border-radius:16px;background:#f0f6f3;color:#336554}.voice-policy p{margin:0;font-size:12px;line-height:1.55}.voice-policy .material-symbols-rounded{font-size:24px}.analysis-card{grid-template-columns:100px 1fr auto}.analysis-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;align-content:center}.analysis-badge{align-self:center;padding:7px 10px;border-radius:999px;background:#ebe5f8;color:#654d99;font-size:10px;font-weight:900}.analysis-rule{display:flex;gap:14px;margin-top:18px;padding:15px;border-left:4px solid var(--lavender);border-radius:0 13px 13px 0;background:#f7f3fd;color:#5f5567;font-size:12px;line-height:1.55}.analysis-rule b{white-space:nowrap}
.generation-summary{margin-bottom:14px;padding:14px 16px;border-radius:14px;background:#f6f1f8;color:#63566b;font-size:12px;font-weight:800}.job-card{grid-template-columns:52px 1fr auto;align-items:center}.job-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#f0e8ee;color:var(--pink-deep)}.job-copy{display:flex;flex-direction:column;gap:4px}.job-copy strong{font-size:13px}.job-copy span{color:var(--muted);font-size:11px}.job-state{display:flex;align-items:center;gap:7px;min-width:98px;justify-content:flex-end;color:#786c78;font-size:11px;font-weight:900}.state-dot{width:9px;height:9px;border-radius:50%;background:#b8aeb7}.job-card.working .state-dot,.job-card.generating .state-dot{background:#d69444;animation:pulseDot 1s ease-in-out infinite}.job-card.queued .state-dot{background:#7a6bb7}.job-card.cover_review .state-dot,.job-card.review_pending .state-dot{background:#3780a8}.job-card.ready .state-dot,.job-card.approved .state-dot{background:#3ca87e}.job-card.error .state-dot,.job-card.failed .state-dot{background:#d4455b}.job-card.error,.job-card.failed{border-color:#efb9c2;background:#fff7f8}.job-card.queued{border-color:#d9d0ef;background:#fcfaff}.job-card.cover_review,.job-card.review_pending{border-color:#c6dfeb;background:#f8fcfe}@keyframes pulseDot{50%{opacity:.25}}.retry-job{min-height:36px;padding:0 11px;border:1px solid #e2a2ae;border-radius:10px;background:#fff;color:#aa3047;font-size:10px;font-weight:900}.prototype-disclosure{margin:15px 0 0;color:#8a7f88;font-size:11px;text-align:center}
.editor-heading{align-items:center}.editor-layout{display:grid;grid-template-columns:180px minmax(350px,1fr) 260px;gap:18px}.track-rail{display:flex;flex-direction:column;gap:9px}.editor-track{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;min-height:58px;padding:7px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left}.editor-track.active{border-color:var(--pink);background:#fff7fa}.editor-track .art-visual{display:grid;width:42px;aspect-ratio:1/1;place-items:center;border-radius:9px;overflow:hidden}.editor-track .art-mark{font-size:23px}.editor-track b,.editor-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-track b{font-size:10px}.editor-track small{margin-top:3px;color:var(--muted);font-size:8px}.album-preview{position:relative;display:flex;min-height:520px;flex-direction:column;padding:26px;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#f09ab8,#dc6895);box-shadow:0 22px 50px rgba(84,45,66,.2);transition:background .35s,color .35s}.album-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.37),transparent 25%),linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.11) 48% 51%,transparent 51%);pointer-events:none}.album-kicker{position:relative;color:#682443;font-size:9px;font-weight:950;letter-spacing:.2em}.album-stage{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:17px;flex:1;align-items:center;margin-top:20px;padding:18px;border-radius:20px;background:#2b202d;color:#fff}.cover-frame{padding:10px;border-radius:15px;background:#171219}.cover-frame .art-visual{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:10px}.cover-frame .art-mark{font-size:78px}.album-copy span{color:#e9b75e;font-size:9px;font-weight:950;letter-spacing:.16em}.album-copy h4{margin:10px 0 12px;font-family:"DM Serif Display",serif;font-size:clamp(25px,2.7vw,38px);font-weight:400;line-height:1.02}.album-copy p{margin:0;color:#cfc2cc;font-size:11px;line-height:1.6}.album-controls{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px}.album-controls button{display:flex;min-height:40px;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(81,42,62,.17);border-radius:11px;background:rgba(255,255,255,.72);color:#6a4c5d;font-size:10px;font-weight:850}.fake-progress{height:5px;border-radius:99px;background:rgba(83,39,61,.16);overflow:hidden}.fake-progress i{display:block;width:0;height:100%;background:#702342}.album-controls time{color:#6c4054;font-size:10px;font-weight:900}.album-preview.cover-b{background:linear-gradient(145deg,#85d5cd,#55aab6 55%,#4d719e)}.album-preview.cover-c{background:linear-gradient(145deg,#f4d576,#db9e4e 55%,#9d6dac)}.album-preview.template-paper{background:#e8e0d3;color:#362f34;box-shadow:inset 0 0 0 1px #cbbdad,0 22px 50px rgba(84,45,66,.14)}.album-preview.template-paper .album-stage{background:#fffdf8;color:#262028;box-shadow:0 10px 24px rgba(70,58,55,.1)}.album-preview.template-paper .album-copy p{color:#766c74}.album-preview.template-orbit{background:radial-gradient(circle at 50% 35%,#4d467b,#242237 62%,#14131f);color:#fff}.album-preview.template-orbit:after{content:"";position:absolute;inset:11% 8% 19%;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.album-preview.template-orbit .album-stage{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);z-index:1}.album-preview.template-orbit .album-kicker,.album-preview.template-orbit .album-controls time{color:#d4c8eb}.album-preview.template-orbit .album-controls button{color:#ddd4e8;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15)}
.inspector{display:flex;flex-direction:column;gap:17px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbf8f2}.inspector fieldset{padding:0;border:0}.inspector legend{margin-bottom:8px;color:#514853;font-size:11px;font-weight:850}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row button{min-height:38px;padding:5px;border:1px solid #ddd3c7;border-radius:9px;background:#fff;color:#6f6570;font-size:9px;font-weight:850}.choice-row button.active{border-color:var(--pink);background:#fff4f8;color:var(--pink-deep)}.cover-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cover-choice{aspect-ratio:1/1;border:2px solid transparent;border-radius:10px;background:#f09ab8}.cover-choice.b{background:#74c2c1}.cover-choice.c{background:#e7b956}.cover-choice.active{border-color:#2d2530;box-shadow:0 0 0 3px #fff,0 0 0 5px #2d2530}.inspector-note{display:flex;gap:7px;margin-top:auto;padding:11px;border-radius:11px;background:#f0ebf5;color:#655b6b;font-size:10px;line-height:1.45}.inspector-note .material-symbols-rounded{font-size:17px}
.studio-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--line);background:#fbf8f2}.studio-actions p{margin:0;color:var(--muted);font-size:11px;font-weight:750;text-align:center}
.family-dialog{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:24px;background:#f9f5ee;box-shadow:0 32px 110px rgba(20,14,23,.4);overflow:auto}.family-dialog::backdrop{background:rgba(24,17,26,.67);backdrop-filter:blur(6px)}.dialog-bar{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);background:rgba(249,245,238,.92);backdrop-filter:blur(14px)}.dialog-bar div{display:flex;flex-direction:column}.dialog-bar span{color:var(--pink-deep);font-size:8px;font-weight:950;letter-spacing:.2em}.dialog-bar strong{margin-top:3px;font-family:"DM Serif Display",serif;font-size:21px;font-weight:400}.dialog-bar button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.family-stage{padding:24px}.family-stage .album-preview{max-width:850px;min-height:560px;margin:auto}.family-foot{display:flex;align-items:center;justify-content:center;gap:7px;padding:15px;color:#736873;font-size:10px;font-weight:800;text-align:center}.family-foot .material-symbols-rounded{font-size:17px}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%,30px);padding:11px 16px;border-radius:999px;background:#29222b;color:#fff;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
.share-dialog{width:min(540px,calc(100vw - 28px));padding:0;border:0;border-radius:25px;background:#faf6ef;box-shadow:0 32px 110px rgba(20,14,23,.42)}.share-dialog::backdrop{background:rgba(24,17,26,.67);backdrop-filter:blur(6px)}.share-dialog-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:34px}.share-dialog-close{position:absolute;right:15px;top:15px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.share-dialog-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:#eee6f3;color:#665375;font-size:29px}.share-dialog-card>p:first-of-type{margin:18px 0 6px;color:var(--pink-deep);font-size:9px;font-weight:950;letter-spacing:.18em}.share-dialog h2{margin:0;font-family:"DM Serif Display",serif;font-size:31px;font-weight:400;text-align:center}.share-dialog-copy{max-width:420px;margin:12px 0 22px!important;color:var(--muted);font-size:11px;line-height:1.65;text-align:center}.share-dialog label{display:flex;width:100%;flex-direction:column;gap:7px;color:#514853;font-size:10px;font-weight:900}.share-dialog input{width:100%;padding:13px;border:1px solid #d9cfc4;border-radius:11px;background:#fff;color:#5d535d;font-size:11px}.share-dialog-actions,.share-export-actions{display:grid;width:100%;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:12px}.share-export-actions{grid-template-columns:1fr 1fr;margin-top:9px}.share-export-actions .button{border-color:#d8cce0;background:#f4eef7;color:#65506f}.share-dialog small{margin-top:12px;color:#897f87;font-size:9px}
@media(max-width:1120px){.hero{grid-template-columns:1fr;padding-top:54px}.hero-copy{max-width:760px}.hero-demo{width:min(760px,100%);margin:auto}.artwork-grid{grid-template-columns:repeat(3,1fr)}.editor-layout{grid-template-columns:140px minmax(320px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;align-items:start}.inspector-note{margin:0}.story-fields{grid-template-columns:1fr 150px}}
@media(max-width:780px){.topbar{grid-template-columns:auto 1fr}.prototype-badge{grid-column:1/-1;justify-self:start;margin-left:58px}.hero{min-height:auto;padding:48px 18px 70px}.hero h1{font-size:clamp(44px,14vw,70px)}.player-grid{grid-template-columns:1fr}.player-meta{min-height:200px}.tv-screen{min-height:260px}.record-shelf{margin-inline:2px;gap:5px}.record-case{min-height:86px;padding:6px}.record-case span{font-size:23px}.record-case b{font-size:6px}.how-strip{grid-template-columns:1fr 1fr;margin:0 14px 50px}.how-strip div:last-child{grid-column:1/-1}.studio{padding:36px 10px 70px}.studio-heading{align-items:start}.stepper{gap:4px}.stepper button{justify-content:center;min-height:52px;padding:7px}.stepper b{display:none}.stepper span{width:32px;height:32px}.step-panel{padding:20px 14px;min-height:0}.panel-heading{flex-direction:column}.selection-count{align-self:flex-start}.artwork-grid{grid-template-columns:1fr 1fr}.story-card,.analysis-card{grid-template-columns:74px 1fr}.story-card .art-visual,.analysis-card .art-visual{width:74px}.analysis-card{grid-template-columns:74px 1fr}.analysis-badge{grid-column:2}.analysis-fields{grid-template-columns:1fr}.story-fields{grid-template-columns:1fr}.story-fields label:first-child{grid-column:auto}.editor-layout{grid-template-columns:1fr}.track-rail{display:grid;grid-template-columns:repeat(3,1fr)}.editor-track{grid-template-columns:34px 1fr}.editor-track .art-visual{width:34px}.album-preview{min-height:480px}.inspector{grid-column:auto;display:flex}.studio-actions{grid-template-columns:1fr 1fr}.studio-actions p{grid-column:1/-1;grid-row:1}.studio-actions .button{grid-row:2}.family-stage{padding:10px}}
@media(max-width:520px){.brand-lockup span{display:none}.prototype-badge{font-size:9px}.hero-actions .button{width:100%}.memory-player{padding:11px;border-radius:23px}.tv-screen{min-height:220px}.record-case{min-height:72px}.silent-note{font-size:9px}.how-strip{grid-template-columns:1fr}.how-strip div:last-child{grid-column:auto}.child-row{flex-wrap:wrap}.sync-pill{margin-left:56px!important}.artwork-grid{gap:9px}.art-card-copy{padding:10px 8px}.art-card .art-mark{font-size:55px}.album-stage{grid-template-columns:1fr}.cover-frame{width:min(250px,100%);margin:auto}.album-copy{text-align:center}.album-preview{padding:16px}.album-copy h4{font-size:27px}.track-rail{grid-template-columns:1fr 1fr}.analysis-rule{flex-direction:column}.dialog-bar strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-disc,.waveform i{animation:none!important}.button,.art-card,.record-case{transition:none!important}}

/* REEL ART DIRECTION · LIQUID JEWEL CASE MUSIC ALBUM
   Old-CD archive language: clear acrylic, coloured spines, circular discs,
   soft aurora bloom, and a pink glass Memory TV. */
:root{
  --glass-fill:rgba(255,255,255,.42);
  --glass-fill-strong:rgba(255,255,255,.64);
  --glass-line:rgba(255,255,255,.78);
  --glass-ink:#282331;
  --glass-shadow:0 26px 72px rgba(83,65,101,.16),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.2);
  --glass-blur:blur(26px) saturate(145%);
}

body{
  background:
    radial-gradient(circle at 9% 11%,rgba(255,177,207,.42),transparent 23rem),
    radial-gradient(circle at 87% 17%,rgba(142,215,255,.4),transparent 25rem),
    radial-gradient(circle at 66% 56%,rgba(190,157,255,.3),transparent 28rem),
    radial-gradient(circle at 17% 82%,rgba(255,231,131,.28),transparent 26rem),
    linear-gradient(150deg,#fffdf8 0%,#fbf7fa 48%,#f8fbff 100%);
  background-attachment:fixed;
}

.topbar{
  top:12px;
  width:min(1180px,calc(100% - 28px));
  min-height:64px;
  margin:0 auto;
  padding:9px 14px;
  border:1px solid var(--glass-line);
  border-radius:22px;
  background:rgba(255,255,255,.48);
  box-shadow:0 12px 38px rgba(75,60,88,.1),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
}
.back-link,.prototype-badge{
  border-color:rgba(255,255,255,.86);
  background:rgba(255,255,255,.46);
  box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(84,65,94,.09);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.brand-mark{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,146,190,.48));box-shadow:0 8px 22px rgba(200,83,137,.18),inset 0 1px 0 #fff}

.hero{
  max-width:1280px;
  min-height:calc(100vh - 76px);
  gap:clamp(34px,5vw,82px);
  padding-top:clamp(68px,8vw,112px);
  overflow:visible;
  background:transparent;
}
.hero:before{
  width:460px;
  height:460px;
  left:45%;
  top:8%;
  border-radius:50%;
  background:conic-gradient(from 120deg,rgba(255,92,172,.26),rgba(104,211,255,.32),rgba(174,115,255,.25),rgba(255,220,99,.24),rgba(255,92,172,.26));
  filter:blur(76px);
  opacity:.78;
}
.hero h1{color:#24202c;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.hero h1 em{background:linear-gradient(105deg,#d73879,#7c5ee5 58%,#247daa);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.panel-kicker{color:#825971}
.button{
  border-color:rgba(255,255,255,.74);
  border-radius:999px;
  box-shadow:0 11px 28px rgba(83,64,101,.11),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  backdrop-filter:blur(14px) saturate(135%);
}
.button.primary{background:linear-gradient(135deg,rgba(230,66,132,.94),rgba(153,78,218,.92));box-shadow:0 14px 30px rgba(178,57,128,.24),inset 0 1px 0 rgba(255,255,255,.42)}
.button.quiet{border-color:var(--glass-line);background:rgba(255,255,255,.5)}
.hero-facts{width:max-content;padding:9px 15px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,255,255,.36);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

.hero-demo{perspective:1200px}
.ambient-disc{filter:blur(28px);mix-blend-mode:multiply}
.disc-one{right:-38px;top:-34px;opacity:.42}
.disc-two{left:-12px;bottom:26px;opacity:.26}
.memory-player{
  position:relative;
  padding:18px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,195,222,.64),rgba(229,104,168,.52) 48%,rgba(133,108,224,.38));
  box-shadow:0 34px 100px rgba(115,57,104,.24),inset 0 2px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(116,44,86,.12);
  -webkit-backdrop-filter:blur(28px) saturate(170%);
  backdrop-filter:blur(28px) saturate(170%);
  transform:rotateX(1.5deg) rotateY(-2deg);
}
.memory-player:before{
  content:"";
  position:absolute;
  inset:7px 10px auto;
  height:45%;
  border-radius:25px 25px 48% 48%;
  background:linear-gradient(180deg,rgba(255,255,255,.42),transparent);
  pointer-events:none;
}
.memory-player:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:78%;
  height:30px;
  left:11%;
  bottom:-14px;
  border-radius:50%;
  background:rgba(182,58,132,.27);
  filter:blur(18px);
}
.player-topline{position:relative;color:#63314e;text-shadow:0 1px rgba(255,255,255,.58)}
.player-grid{position:relative;gap:13px}
.tv-shell{
  position:relative;
  border:1px solid rgba(255,255,255,.35);
  background:linear-gradient(145deg,rgba(56,31,51,.9),rgba(24,20,31,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 14px 40px rgba(48,26,45,.22);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.tv-screen{border-color:rgba(20,16,23,.85);box-shadow:inset 0 0 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.14)}
.screen-label{border-color:rgba(255,255,255,.45);border-radius:999px;background:rgba(29,21,33,.48);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.player-meta{
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(155deg,rgba(34,26,39,.88),rgba(38,26,45,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 36px rgba(53,26,48,.18);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  backdrop-filter:blur(20px) saturate(140%);
}
.audio-locked{border-color:rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}

.record-shelf{position:relative;gap:11px;margin-top:24px;perspective:1000px}
.record-shelf:after{content:"ARCHIVE · SELECT A MEMORY";position:absolute;right:1px;top:-17px;color:#88788a;font-size:7px;font-weight:900;letter-spacing:.18em}
.record-case{
  --spine:#ff75ad;
  position:relative;
  isolation:isolate;
  min-height:124px;
  padding:10px 9px 9px 19px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.9);
  border-radius:4px 12px 12px 4px;
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.19));
  box-shadow:-9px 0 0 -3px var(--spine),0 17px 32px rgba(78,58,91,.14),inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(109,85,118,.1);
  color:#5f4357;
  -webkit-backdrop-filter:blur(15px) saturate(155%);
  backdrop-filter:blur(15px) saturate(155%);
  transform-origin:left center;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease;
}
.record-case:nth-child(2){--spine:#66dce0;background:linear-gradient(135deg,rgba(219,255,255,.58),rgba(181,241,247,.18))}
.record-case:nth-child(3){--spine:#e9ef62;background:linear-gradient(135deg,rgba(255,255,212,.62),rgba(235,251,163,.18))}
.record-case:nth-child(4){--spine:#9c88ff;background:linear-gradient(135deg,rgba(236,230,255,.6),rgba(194,178,255,.18))}
.record-case:nth-child(5){--spine:#ff8a80;background:linear-gradient(135deg,rgba(255,233,222,.6),rgba(255,183,184,.18))}
.record-case:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:8px -6px -5px 5px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:4px 10px 10px 4px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05));
  box-shadow:5px 8px 20px rgba(82,62,92,.1);
}
.record-case:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:64px;
  height:64px;
  left:50%;
  top:45%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.96) 0 8%,rgba(60,47,70,.24) 9% 13%,transparent 14% 24%,rgba(255,255,255,.34) 25% 54%,rgba(255,255,255,.04) 55% 66%,transparent 67%);
  filter:drop-shadow(0 5px 10px rgba(59,43,69,.18));
  transform:translate(-42%,-50%);
}
.record-case span{position:relative;z-index:1;display:grid;width:46px;height:46px;place-items:center;margin:17px auto 0;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.88) 0 11%,rgba(74,56,82,.18) 12% 16%,color-mix(in srgb,var(--spine) 42%,transparent) 17%,rgba(255,255,255,.24) 67%,transparent 68%);box-shadow:0 9px 24px color-mix(in srgb,var(--spine) 32%,transparent),inset 0 1px #fff;font-size:17px}
.record-case b{left:12px;bottom:8px;color:#6e5266}
.record-case:hover,.record-case.active{transform:translateY(-14px) rotateY(-12deg) rotateZ(-1deg);box-shadow:-9px 0 0 -3px var(--spine),18px 26px 40px rgba(78,58,91,.2),inset 1px 1px 0 #fff}
.record-case.active:before{transform:translateX(4px) rotateY(8deg)}
.silent-note{width:max-content;max-width:100%;margin:18px auto 0;padding:8px 13px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

.how-strip,.studio-card,.stepper,.child-row,.story-card,.analysis-card,.generation-summary,.generation-network-state,.job-row,.voice-policy,.analysis-rule,.inspector{
  border-color:rgba(255,255,255,.75);
  background:rgba(255,255,255,.43);
  box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
}
.how-strip{border-radius:26px}
.how-strip div+div{border-left-color:rgba(117,95,124,.12)}
.studio{position:relative;max-width:1380px}
.studio:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;right:-180px;top:220px;border-radius:50%;background:linear-gradient(135deg,rgba(84,218,255,.28),rgba(192,111,255,.25));filter:blur(70px)}
.stepper{padding:7px;border:1px solid rgba(255,255,255,.77);border-radius:24px}
.stepper button{border-radius:18px;background:transparent}
.stepper button.active{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(250,219,238,.56));box-shadow:0 10px 25px rgba(117,74,112,.12),inset 0 1px #fff}
.studio-card{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.34);box-shadow:0 34px 90px rgba(82,62,96,.13),inset 0 1px #fff}
.child-row,.story-card,.analysis-card,.generation-summary,.generation-network-state,.job-row,.voice-policy,.analysis-rule{box-shadow:0 12px 32px rgba(83,64,96,.07),inset 0 1px #fff}
.art-card{
  border-color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.38);
  box-shadow:0 14px 32px rgba(86,66,99,.1),inset 0 1px #fff;
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
}
.art-card.selected{border-color:rgba(222,68,137,.58);box-shadow:0 18px 40px rgba(183,53,124,.18),inset 0 1px #fff}
.editor-track{position:relative;overflow:hidden;border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.38);box-shadow:0 9px 24px rgba(78,59,91,.08),inset 0 1px #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.editor-track:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#ff6aa5,#9f7eff)}
.editor-track:nth-child(2):before{background:linear-gradient(#58d5dd,#4b9edf)}
.editor-track:nth-child(3):before{background:linear-gradient(#f3df52,#ef9a59)}
.editor-track:nth-child(4):before{background:linear-gradient(#9d83ff,#ef74d0)}
.editor-track:nth-child(5):before{background:linear-gradient(#ff8a79,#f0ba58)}
.editor-track.active{border-color:rgba(226,65,139,.48);background:rgba(255,240,248,.56);transform:translateX(6px)}

/* The final editor is the actual liquid-glass music album, not a generic card. */
.album-preview{
  --jewel:#ff69ae;
  isolation:isolate;
  min-height:560px;
  padding:30px 34px 26px 48px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:10px 28px 28px 10px;
  overflow:visible;
  background:
    linear-gradient(105deg,var(--jewel) 0 11px,rgba(255,255,255,.12) 11px 17px,transparent 17px),
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.18));
  box-shadow:-15px 0 0 -6px color-mix(in srgb,var(--jewel) 84%,white),0 38px 90px rgba(86,61,102,.2),inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(114,86,125,.12);
  color:var(--glass-ink);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
  backdrop-filter:blur(28px) saturate(165%);
  transform:rotateY(-1.5deg);
  transform-style:preserve-3d;
}
.album-preview:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:8% 9% 18%;
  border-radius:44%;
  background:conic-gradient(from 90deg,rgba(255,78,164,.55),rgba(85,209,255,.5),rgba(188,113,255,.48),rgba(255,227,91,.4),rgba(255,78,164,.55));
  filter:blur(58px);
  opacity:.8;
  pointer-events:none;
}
.album-preview:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:12px -15px -13px 13px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:8px 25px 25px 8px;
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.05));
  box-shadow:14px 18px 36px rgba(73,54,86,.13),inset 0 1px rgba(255,255,255,.7);
  transform:translateZ(-12px);
  pointer-events:none;
}
.album-kicker{color:#69465d;text-shadow:0 1px rgba(255,255,255,.8)}
.album-stage{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(210px,.92fr) minmax(180px,.78fr);
  gap:32px;
  margin-top:26px;
  padding:30px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:8px 22px 22px 8px;
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.09));
  box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(255,255,255,.25),0 20px 48px rgba(87,62,101,.12);
  color:#282230;
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
.album-stage:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(55%,310px);
  aspect-ratio:1;
  left:7%;
  top:50%;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  background:conic-gradient(from 20deg,rgba(255,255,255,.7),rgba(116,218,255,.18),rgba(250,115,184,.2),rgba(255,236,122,.22),rgba(255,255,255,.7));
  box-shadow:0 22px 48px rgba(78,59,90,.17),inset 0 0 0 18px rgba(255,255,255,.09),inset 0 0 0 19px rgba(255,255,255,.34);
  transform:translateY(-50%);
}
.album-stage:after{content:"";position:absolute;left:-2px;top:8%;bottom:8%;width:9px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:linear-gradient(var(--jewel),rgba(255,255,255,.38),var(--jewel));box-shadow:5px 0 15px color-mix(in srgb,var(--jewel) 22%,transparent)}
.cover-frame{
  position:relative;
  z-index:1;
  width:min(100%,280px);
  aspect-ratio:1;
  margin:auto;
  padding:17px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.97) 0 6%,rgba(46,39,54,.23) 7% 10%,rgba(255,255,255,.16) 11% 57%,rgba(255,255,255,.66) 58% 60%,rgba(255,255,255,.17) 61%);
  box-shadow:0 22px 42px rgba(75,54,90,.18),inset 0 1px #fff;
}
.cover-frame:after{content:"";position:absolute;z-index:3;width:13%;aspect-ratio:1;left:50%;top:50%;border:1px solid rgba(64,52,71,.25);border-radius:50%;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 3px rgba(112,91,122,.1);transform:translate(-50%,-50%)}
.cover-frame .art-visual{height:100%;border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:inset 0 0 28px rgba(34,28,39,.12)}
.cover-frame .art-mark{font-size:72px}
.album-copy{position:relative;z-index:2;padding:20px 10px 20px 0}
.album-copy span{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.35);color:#8d4267;box-shadow:inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.album-copy h4{color:#292230;text-wrap:balance}
.album-copy p{color:#695c6c}
.album-controls{padding:9px 11px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.35);box-shadow:inset 0 1px #fff,0 12px 30px rgba(78,59,91,.09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.album-controls button{border-color:rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.5);color:#655568;box-shadow:inset 0 1px #fff}
.album-controls time{color:#6b5363}
.album-preview.cover-b{--jewel:#4ed6dd;background:linear-gradient(105deg,var(--jewel) 0 11px,rgba(255,255,255,.12) 11px 17px,transparent 17px),linear-gradient(145deg,rgba(233,255,255,.58),rgba(255,255,255,.17))}
.album-preview.cover-c{--jewel:#b48aff;background:linear-gradient(105deg,var(--jewel) 0 11px,rgba(255,255,255,.12) 11px 17px,transparent 17px),linear-gradient(145deg,rgba(252,244,214,.56),rgba(248,225,255,.18))}
.album-preview.template-paper{--jewel:#e8d64f;background:linear-gradient(105deg,var(--jewel) 0 11px,rgba(255,255,255,.2) 11px 17px,transparent 17px),linear-gradient(145deg,rgba(255,254,239,.68),rgba(255,255,255,.2));color:#362f34;box-shadow:-15px 0 0 -6px color-mix(in srgb,var(--jewel) 84%,white),0 38px 90px rgba(86,61,102,.17),inset 1px 1px 0 #fff}
.album-preview.template-paper .album-stage{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,248,215,.16));color:#29242a;box-shadow:inset 0 1px #fff,0 20px 48px rgba(87,62,101,.1)}
.album-preview.template-paper .album-copy p{color:#695f67}
.album-preview.template-orbit{--jewel:#8e72ff;background:linear-gradient(105deg,var(--jewel) 0 11px,rgba(255,255,255,.12) 11px 17px,transparent 17px),linear-gradient(145deg,rgba(40,35,65,.72),rgba(89,68,129,.35));color:#fff}
.album-preview.template-orbit:after{inset:12px -15px -13px 13px;border-radius:8px 25px 25px 8px;transform:translateZ(-12px)}
.album-preview.template-orbit .album-stage{z-index:1;background:rgba(255,255,255,.1);color:#fff}
.album-preview.template-orbit .album-copy h4{color:#fff}.album-preview.template-orbit .album-copy p{color:#d8d0df}
.album-preview.template-orbit .album-kicker,.album-preview.template-orbit .album-controls time{color:#e5dff0}

.inspector{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.38);box-shadow:0 18px 48px rgba(77,60,89,.1),inset 0 1px #fff}
.inspector input,.story-fields textarea,.story-fields select,.analysis-fields input{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.5);box-shadow:inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.choice-row button,.cover-choice{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.42);box-shadow:inset 0 1px #fff}
.choice-row button.active{background:linear-gradient(135deg,rgba(255,235,246,.8),rgba(234,224,255,.75));color:#9f2f68}
.family-dialog,.share-dialog-card{border:1px solid rgba(255,255,255,.78);background:rgba(250,247,250,.7);box-shadow:0 34px 110px rgba(38,25,45,.32),inset 0 1px #fff;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%)}
.dialog-bar{border-bottom-color:rgba(115,90,122,.13);background:rgba(255,255,255,.54);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.dialog-bar button,.share-dialog-close{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.48);box-shadow:inset 0 1px #fff}

@supports not (backdrop-filter:blur(1px)){
  .topbar,.memory-player,.record-case,.studio-card,.album-preview,.inspector{background-color:rgba(250,247,250,.94)}
}

@media(max-width:780px){
  .topbar{top:7px;width:calc(100% - 14px);border-radius:18px}
  .hero{padding-top:62px}
  .memory-player{transform:none}
  .record-shelf{gap:8px;overflow-x:auto;overflow-y:visible;padding:20px 7px 18px;scroll-snap-type:x proximity}
  .record-case{min-width:96px;scroll-snap-align:center}
  .album-preview{padding:25px 22px 22px 34px;transform:none}
  .album-stage{gap:20px;padding:24px}
}

@media(max-width:520px){
  .hero-facts{width:100%;justify-content:center}
  .record-shelf{grid-template-columns:repeat(5,96px);margin-inline:-2px}
  .record-case{min-height:112px}
  .album-preview{min-height:520px;padding:22px 16px 18px 28px;border-radius:8px 20px 20px 8px}
  .album-stage{grid-template-columns:1fr;padding:20px 15px}
  .album-stage:before{width:74%;left:13%;top:28%;}
  .album-stage:after{top:4%;bottom:4%}
  .cover-frame{width:min(210px,78vw)}
  .album-copy{padding:6px 3px 8px;text-align:center}
  .album-copy span{margin:auto}
  .album-controls{grid-template-columns:1fr auto;border-radius:18px}
  .album-controls button{grid-column:1/-1;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .memory-player,.album-preview,.record-case,.record-case:hover,.record-case.active{transform:none!important}
}

.art-visual.imported-art{background:#f2eee6!important}.art-visual.imported-art img{width:100%;height:100%;object-fit:contain;display:block}.draft-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.draft-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800}.draft-status .material-symbols-rounded{font-size:16px}.draft-status.saved{color:#56715d}.resume-button{border-color:rgba(198,141,79,.42)!important;background:#fff9ec!important;color:#72502f!important}@media(max-width:780px){.draft-tools{justify-content:flex-start}.draft-status{width:100%}}
.cloud-status.ready,.cloud-status.saved{color:#4c6e59}.cloud-status.saving,.cloud-status.checking{color:#836534}.cloud-status.error{color:#9b4051}.cloud-status.local{color:var(--muted)}

/* Final liquid-jewel fit pass */
html,body{overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
.hero h1{font-size:clamp(48px,5.1vw,66px);letter-spacing:-.045em}
.hero-line{display:block;white-space:nowrap}
@media(max-width:780px){
  .hero-copy,.hero-demo{min-width:0;width:100%;max-width:100%}
  .hero h1{font-size:clamp(32px,8.7vw,42px)}
}
@media(max-width:520px){
  .prototype-badge{display:none}
  .record-shelf{display:flex;width:100%;max-width:100%}
  .record-case{flex:0 0 96px}
  .ambient-disc{display:none}
}
.analysis-status{margin:-5px 0 14px;padding:11px 13px;border-radius:12px;background:#f1ecf7;color:#62556d;font-size:11px;font-weight:750}.analysis-status.working{background:#fff5df;color:#765c2f}.analysis-status.ready{background:#eaf5ef;color:#3e6852}.analysis-status.error{background:#fff0f2;color:#914456}.analysis-evidence{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.analysis-evidence span{padding:5px 7px;border-radius:999px;background:#f1eee9;color:#6a6068;font-size:8px;font-weight:850}.analysis-badge.ready{background:#e6f3eb;color:#3d6c50}.analysis-badge.manual{background:#f1eee9;color:#756a72}.panel-actions{display:flex;align-items:center;gap:8px}