:root{--ownz:#f21d30;--ownz-hot:#ff4650;--ownz-dim:#85101e;--line:#a32230;--panel:#171416;--text:#f7f3f3;--muted:#b8abae;--edge:#6a3238;color-scheme:dark}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{padding:0;margin:0;overflow-x:hidden;background:#050405;color:var(--text);font-family:Roboto,"Arial",system-ui,sans-serif;accent-color:var(--ownz)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 250px 500px at 100% 2%,#590912a0,transparent 80%),radial-gradient(ellipse 180px 400px at 0% 50%,#4a080a7a,transparent 90%),repeating-linear-gradient(115deg,transparent 0 29px,#4b070710 30px 32px,transparent 33px 64px),#080608}body[data-theme=ember]{--ownz:#f34b20;--ownz-hot:#ff8640;--ownz-dim:#8b260f;--line:#a24128}body[data-theme=steel]{--ownz:#c91c2e;--ownz-hot:#dfbdc0;--ownz-dim:#6b1424;--line:#95404a}
button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}button:active{filter:brightness(1.3)}
#app{width:100%;max-width:640px;min-height:100vh;margin:0 auto;overflow:clip;position:relative;background:linear-gradient(180deg,#10080b 0,#050505 25%,#0d0507 70%,#070506 100%)}.approved-header{position:relative;width:100%;margin:0;background:#080506;box-shadow:0 3px 20px #420b18a0}.approved-header img{width:100%;display:block;aspect-ratio:941 / 244;object-fit:cover;object-position:center center}
main{padding:0 15px 130px;min-height:60vh}.page{display:none}.page.active{display:block}.hidden{display:none!important}.mode-toolbar{display:grid;grid-template-columns:40px 1fr 96px;gap:7px;align-items:center;margin:5px 0 21px;min-height:54px}.help-dot{height:36px;width:36px;border-radius:10px;border:1px solid var(--edge);font-size:23px;font-weight:900;background:#100c0d;box-shadow:0 0 7px #7b112650}.mode{height:46px;display:flex;align-items:stretch;overflow:hidden;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);border:1px solid #753943;background:linear-gradient(100deg,#361018,#100f13)}.mode button{flex:1;min-width:0;border:0;background:transparent;color:#f4edf0;font-size:17px;font-weight:800}.mode button.active{background:linear-gradient(125deg,#950a18,#f30e26 60%,#630c16);box-shadow:0 0 19px #f0192b82,inset 0 0 12px #ff6b6a55}.model-selector{height:43px;min-width:0;border:1px solid var(--line);background:#131014;border-radius:9px;box-shadow:inset 0 0 8px #ff002218;font-size:12px;font-weight:850;white-space:nowrap}.model-selector span{color:var(--ownz-hot);padding-left:3px}
.input-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 11px}.input-heading h2,.section-heading h2{margin:0;font-size:18px;line-height:1.3;font-weight:850;letter-spacing:-.02em}.input-heading h2 b{color:var(--ownz)}.red-icon{color:var(--ownz-hot);font-size:22px;vertical-align:middle;margin-right:3px;text-shadow:0 0 10px #f72538bd}.instrumental-switch{display:flex;align-items:center;gap:8px;color:#f3eded;font-size:12px;white-space:nowrap}.instrumental-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;display:block;height:21px;width:38px;border-radius:20px;background:#28272a;border:1px solid #3f3a3c}.switch-track::after{content:"";position:absolute;top:-3px;left:16px;width:25px;height:25px;border-radius:50%;background:#f6f5f5;box-shadow:0 1px 6px #000b;transition:transform .18s,left .18s}.instrumental-switch input:not(:checked)+.switch-track{background:#421118}.instrumental-switch input:not(:checked)+.switch-track::after{left:0}.instrumental-switch input:focus-visible+.switch-track{outline:2px solid white;outline-offset:2px}
.tech-frame{position:relative;isolation:isolate;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(130deg,#b44548 0%,#3b2428 10%,#141315 45%,#292025 88%,var(--ownz) 100%);padding:2px;box-shadow:inset 0 0 15px var(--ownz)}.tech-frame:before{content:"";position:absolute;inset:3px;background:linear-gradient(125deg,#262327,#151517 44%,#242022),radial-gradient(ellipse at 90% 75%,#6c1224,transparent 55%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-1}.tech-frame:after{content:"♛";position:absolute;right:20px;top:30%;font-size:100px;line-height:1;color:#a1222823;transform:rotate(-17deg);pointer-events:none;z-index:0}.field{display:flex;flex-direction:column;overflow:hidden}.field textarea{display:block;border:0;outline:0;resize:vertical;width:100%;background:transparent;color:#fcf5f5;line-height:1.55;font-size:15px;padding:18px 19px 7px;min-height:66px;position:relative;z-index:1}.field textarea::placeholder{color:#aaa0a1;opacity:1}.field textarea:focus{outline:none}.fieldbottom{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 12px 10px 18px;position:relative;z-index:1;color:#b2a5a6;font-size:11px}.prompt-frame textarea{height:132px}.lyric-frame textarea{height:109px}.style-frame textarea{height:80px}.smallbtn{background:linear-gradient(135deg,#260b11,#650b18 55%,#150b0e);border:1px solid var(--ownz);border-radius:4px;padding:8px 10px;min-height:33px;box-shadow:0 0 10px #af0b224f,inset 0 0 4px #dd213944;font-size:12px;white-space:nowrap;font-weight:750}.smallbtn span{color:var(--ownz-hot);margin-right:3px;font-size:15px}
.attachments{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 13px}.attachments button{min-height:47px;background:linear-gradient(140deg,#241f21,#080708 68%,#330b12);border:1px solid #8e6265;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font-weight:850;font-size:16px;box-shadow:inset 0 0 8px #b5152936}.attachicon{color:var(--ownz-hot);font-size:22px;text-shadow:0 0 9px #e62a38aa;margin-right:9px}.attachment-status{font-size:12px;color:#ffc1c5;line-height:1.4}.attachment-status:empty{display:none}.see-all{border:0;background:transparent;font-size:12px;white-space:nowrap}.see-all span{color:var(--ownz-hot);padding-left:5px}.section-note{font-size:9px;color:#bdb3b3;text-align:right;max-width:125px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:7px 0 18px}.popular-grid button{min-height:42px;border-radius:11px;background:linear-gradient(145deg,#262326,#111113);border:1px solid #6c6869;box-shadow:inset 0 0 8px #000b;color:#eee7e7;font-weight:600;font-size:10px;line-height:1.14;padding:7px 3px;display:flex;align-items:center;justify-content:center;gap:5px}.popular-grid button span{font-size:16px;color:var(--ownz-hot)}.popular-grid button.chosen{border-color:var(--ownz);box-shadow:inset 0 0 8px #bd132652,0 0 6px #bf1d2e72}.lyrics-heading{margin-top:5px}.style-heading{margin-top:22px}.engine{font-size:10px;color:var(--ownz-hot)}
.custom{margin:22px 0;border:1px solid var(--edge);border-radius:16px;padding:14px 12px 17px;background:linear-gradient(135deg,#220e14,#100f11);box-shadow:inset 0 0 22px #cc1c3219}.custom label,.quick-options label{font-size:11px;font-weight:850;color:#ddd1d2;letter-spacing:.08em;display:block;margin:15px 0 7px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom input:not([type=range]),.custom select,.quick-options input:not([type=range]),.quick-options select{width:100%;height:43px;border:1px solid #77424b;border-radius:9px;padding:0 10px;background:#1b181b;color:#fff;font-size:13px}.custom input[type=range],.quick-options input[type=range]{width:100%;accent-color:var(--ownz);height:30px}.value{color:var(--ownz-hot);font-size:11px;margin-left:5px}.presetrow{display:flex;gap:5px;overflow-x:auto;padding:15px 0 4px}.presetrow button{white-space:nowrap;border:1px solid #5f4246;background:#211b1e;border-radius:22px;padding:9px;font-weight:700;font-size:10px}.presetrow button.on{border-color:var(--ownz);background:#61131f}.quick-options{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:14px 0}.quick-options label{grid-column:auto}.quick-options input,.quick-options select{grid-row:2}.quick-options label[for=bpm-simple],#bpm-simple{grid-column:1 / -1}.quick-options label[for=bpm-simple]{grid-row:3}.quick-options #bpm-simple{grid-row:4}.hint{font-size:12px;line-height:1.6;color:#bdb0b2}
.buttons{display:flex;gap:9px;margin:17px 0 10px;flex-wrap:wrap}.buttons button,.showcaseactions button{min-height:46px;flex:1 1 140px;padding:12px 9px;border-radius:9px;font-size:11px;font-weight:950;letter-spacing:.015em}.primary{background:linear-gradient(125deg,#800d1c,var(--ownz) 60%,#660d19);border:1px solid #ff5861;box-shadow:0 0 14px #f91b3270;color:white}.secondary{background:linear-gradient(120deg,#321319,#130e10);border:1px solid #ac3140;color:white}.notice{font-size:12px;color:#ffb0bb;min-height:18px}.result{margin:16px 0;border:1px solid var(--ownz);border-radius:14px;padding:13px;background:#190d11}.resulthead{display:flex;align-items:center;justify-content:space-between}.resulthead small{display:block;font-size:11px;color:#d4a6af;line-height:1.6}.ready{color:#ffb6c0;font-size:11px;font-weight:900}canvas{max-width:100%;width:100%;height:90px;margin:12px 0}.result audio{width:100%}
/* Artist player reproduces the hierarchy, art treatment and controls of the approved player comp. */
.listen-brand{display:flex;align-items:center;gap:10px;margin:12px 0 14px}.listen-brand img{width:46px;height:46px;border-radius:50%;border:1px solid var(--ownz);box-shadow:0 0 10px #dd1838}.listen-brand b{font-size:17px;line-height:1.1;display:block;font-style:italic;text-transform:uppercase;letter-spacing:.03em}.listen-brand b em{color:var(--ownz-hot);font-style:italic}.listen-brand small{display:block;font-size:10px;letter-spacing:.3em;color:#e4d7d8;margin-top:3px}.album-wrap{position:relative;width:100%;border:1px solid var(--ownz);border-radius:17px;box-shadow:0 0 19px #f0112e40;overflow:hidden;background:#13060b}.album-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.song-info{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 4px}.song-info h2{margin:0 0 3px;font-size:26px}.song-info p{margin:0;color:#beb8b9;font-size:15px}.explicit{font-size:11px;border:1px solid var(--ownz);border-radius:2px;color:var(--ownz);padding:0 3px;vertical-align:middle}.iconbtn{border:0;background:transparent;color:#d6c8cb;font-size:27px;min-width:38px;min-height:42px}.iconbtn[aria-pressed=true]{color:var(--ownz)}.player-seek{margin:22px 0 9px}.player-seek input{width:100%;height:15px;accent-color:var(--ownz)}.times{display:flex;justify-content:space-between;color:#c3bac0;font-size:12px}.player-actions{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:6px 0 10px}.player-actions .iconbtn{font-size:25px}.player-actions .skip{color:#fff;font-size:30px;text-shadow:0 0 14px var(--ownz)}.playbtn{flex:0 0 80px;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;font-size:29px;color:white;border:2px solid #ff4d5a;background:radial-gradient(circle at center,#bb1028 8%,#2b0610 65%,#0b0509 74%);box-shadow:0 0 0 4px #4a1020,0 0 22px #e6142d90}.equalizer{height:37px;display:flex;align-items:center;justify-content:center;gap:3px;border-bottom:1px solid #95222c}.equalizer span{flex:1;max-width:9px;background:linear-gradient(180deg,#ffbac1,var(--ownz),#5f0911);box-shadow:0 0 7px #e90f35a0;height:24%;border-radius:2px}.equalizer span:nth-child(3n){height:70%}.equalizer span:nth-child(4n){height:45%}.equalizer span:nth-child(7n){height:95%}.equalizer.playing span:nth-child(even){animation:level .5s ease-in-out infinite alternate}.equalizer.playing span:nth-child(odd){animation:level .7s ease-in-out infinite alternate-reverse}@keyframes level{to{height:15%}}
.upnext{margin:16px -10px 0;padding:13px 10px;border:1px solid #64242f;border-radius:18px;background:#0f0d0e}.upnext-head{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--ownz-hot);padding-bottom:10px;border-bottom:1px solid #6a2c31}.upnext-head span{color:#a99b9f}.song-list-row{margin:12px 0;display:flex;align-items:center;gap:11px;border-radius:12px;padding:8px;background:#271114}.song-list-row img{width:58px;height:58px;object-fit:cover;border-radius:7px}.song-list-row div{flex:1}.song-list-row strong{display:block;font-size:15px}.song-list-row small{display:block;color:#bfb4b6;margin-top:3px;font-size:12px}.song-list-row>b{color:var(--ownz-hot);font-size:20px}.upnext .secondary{padding:12px 10px;width:100%;border-radius:10px;font-weight:850;font-size:11px}
/* Vault and art library */
.saved{border:1px solid #732333;border-radius:12px;background:#1d1116;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:7px;margin:8px 0}.saved strong{display:block;overflow-wrap:anywhere}.saved small{display:block;color:#c7a6ae;font-size:11px;margin-top:4px}.saved button{font-size:10px;border:1px solid #a8323f;background:#491421;border-radius:7px;padding:8px;margin-left:4px}.saved .delete{color:#ffcbcf}.empty{font-size:13px;color:#c1aeb0;border:1px dashed #6c2a32;padding:20px;text-align:center;border-radius:12px}.theme-grid{display:flex;gap:7px;margin:10px 0 20px}.theme-choice{flex:1;border:1px solid #67242f;border-radius:10px;padding:9px 3px;background:#1c1317;font-weight:850;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:5px}.theme-choice[aria-pressed=true]{border-color:var(--ownz-hot);box-shadow:0 0 10px #de1b3365}.theme-swatch{height:25px;width:25px;border-radius:50%;background:#f22}.theme-swatch.inferno{background:linear-gradient(110deg,#35060a,#ff253d)}.theme-swatch.ember{background:linear-gradient(110deg,#35060a,#ff7429)}.theme-swatch.steel{background:linear-gradient(110deg,#25242b,#c8c1c4)}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.design-grid figure{margin:0;border:1px solid #772833;border-radius:10px;overflow:hidden;background:#140c0d}.design-grid img{width:100%;height:195px;object-fit:contain;display:block}.design-grid figcaption{padding:8px;color:#e8c5c9;font-size:9px;font-weight:850}.design-grid figure.wide{grid-column:1/-1}.design-grid .wide img{height:auto;max-height:270px}.page#about{padding-top:20px}.page#about p{line-height:1.65;color:#d2bfc2;font-size:14px}
/* Always-on 5-control bottom dock: compact industrial framing and raised waveform control */
.tabs{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:77px;padding:5px 6px max(5px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#201719f7,#060506f9);border-top:1px solid #b1182a;box-shadow:0 -10px 30px #000e,0 -1px 13px #bf162b55}.tabs:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 22px,#ae162312 23px 25px,transparent 25px 49px)}.tabs button{background:transparent;border:0;color:#bdb6b9;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;font-size:11px;padding:6px 1px}.tabs button.selected{color:var(--ownz-hot);text-shadow:0 0 10px #ee193aa0}.tabs button.selected:not(.central-tab):after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:2px;background:var(--ownz);box-shadow:0 0 12px var(--ownz)}.nav-symbol{font-size:29px;line-height:1.25;text-shadow:0 0 9px #b9152855}.tabs .central-tab .nav-symbol{height:65px;width:65px;display:grid;place-items:center;position:absolute;bottom:10px;border:2px solid #fa394c;border-radius:50%;background:radial-gradient(circle,#5c0513,#110608 64%);color:#ff8790;font-size:35px;box-shadow:0 0 0 3px #5c0b1a,0 0 19px #e61433ae}.tabs .central-tab .center-label{font-size:0}.tabs .central-tab.selected .nav-symbol{background:radial-gradient(circle,#a61429,#2f0811 60%)}.tabs small{font-size:9px;color:#ffb7c3}.toast{position:fixed;z-index:35;bottom:96px;left:50%;transform:translateX(-50%);max-width:90%;font-size:12px;color:#fff;background:#290b13;border:1px solid var(--ownz);border-radius:9px;padding:7px 12px;display:none;pointer-events:none}
@media(max-width:370px){main{padding-left:10px;padding-right:10px}.mode-toolbar{grid-template-columns:34px 1fr 80px;gap:4px}.mode button{font-size:15px}.model-selector{font-size:10px}.popular-grid{gap:4px}.popular-grid button{font-size:9px;gap:3px}.popular-grid button span{font-size:13px}.field textarea{padding-left:13px;padding-right:13px;font-size:13px}.section-note{font-size:8px}.tabs{min-height:72px}.tabs button{font-size:10px}.nav-symbol{font-size:26px}}
@media(min-width:570px){.approved-header img{max-height:175px;object-fit:cover}.prompt-frame textarea{height:150px}.popular-grid button{font-size:12px}.field textarea{font-size:17px}.input-heading h2,.section-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.equalizer.playing span{animation:none}*{scroll-behavior:auto!important}}

/* Five-screen dock precisely follows the creator-approved Home/Create/Listen/My Tracks/Vault composition. */
.waveform-symbol{display:flex!important;align-items:center;justify-content:center;gap:4px}.waveform-symbol i{display:block;width:4px;height:27px;background:linear-gradient(90deg,#ffb0b9,var(--ownz));box-shadow:0 0 8px var(--ownz);border-radius:8px}.waveform-symbol i:nth-child(2),.waveform-symbol i:nth-child(4){height:38px}.waveform-symbol i:nth-child(3){height:46px}.tabs button span:not(.nav-symbol):not(.center-label){white-space:nowrap}.tabs button span small{margin-left:1px}.about-link{display:block;width:100%;padding:12px;margin:0 0 14px;border-radius:10px;font-size:11px;font-weight:850}

/* v0.6: three-track playback with user-approved original artwork unchanged */
.artist-tracklist{display:flex;flex-direction:column;gap:8px}.artist-tracklist .song-list-row{width:100%;min-height:72px;text-align:left;color:inherit;border:1px solid #4f242c;cursor:pointer;transition:border-color .16s,background .16s;margin:0}.artist-tracklist .song-list-row.selected-track{border-color:#fd3b4c;background:#3c111a;box-shadow:inset 0 0 12px #fa183120}.artist-tracklist .song-list-row:focus-visible{outline:2px solid #fff;outline-offset:2px}.artist-tracklist .song-row-text{min-width:0;flex:1}.artist-tracklist .song-list-row img{flex:none}.artist-tracklist .song-list-row b{margin-left:auto}.song-info #featured-title{overflow-wrap:anywhere}

/* Website-only safe navigation wrapper; approved Forge app styling retained. */
.website-sitebar{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 14px;background:#140b0d;border-bottom:1px solid #7f1922;font:700 10px/1.4 system-ui,sans-serif;letter-spacing:1.2px;color:#b8a1a3}
.website-sitebar a{color:#ff575f;text-decoration:none;font-size:12px}
.website-sitebar a:focus-visible{outline:2px solid #ff575f;outline-offset:3px}
@media(max-width:390px){.website-sitebar{font-size:9px;letter-spacing:.6px}.website-sitebar a{font-size:11px}}

/* Web-host-compliant player: song downloads intentionally not offered. */
.streaming-note{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a83239;border-radius:8px;padding:12px;color:#ffc3c3;letter-spacing:.05em;font-size:11px;line-height:1.4;text-align:center;flex:1;min-width:220px;background:#160c0e}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}