@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin.woff2) format("woff2")}:root{color-scheme:dark;--background: #080706;--foreground: #ffffff;--muted: rgba(255, 255, 255, .45);--muted-strong: rgba(255, 255, 255, .7);--card: rgba(255, 255, 255, .03);--card-strong: rgba(10, 10, 10, .82);--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .06);--fire: #ff4d00;--red: #ff2a2a;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--foreground);background:#020202}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% 18%,rgba(255,77,0,.16),transparent 18%),radial-gradient(circle at 18% 0%,rgba(255,255,255,.06),transparent 24%),linear-gradient(180deg,#020202,#060606 52%,#080808)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.7),transparent 92%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.7),transparent 92%);opacity:.35}body:after,.admin-ambient{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:after{background:radial-gradient(circle at 50% 12%,rgba(255,77,0,.12),transparent 16%),radial-gradient(circle at 52% 12%,rgba(255,42,42,.08),transparent 24%);mix-blend-mode:screen;opacity:.85}.admin-ambient{z-index:0;background:radial-gradient(circle at 18% 10%,rgba(255,77,0,.08),transparent 18rem),radial-gradient(circle at 88% 92%,rgba(255,42,42,.06),transparent 18rem)}button,input,textarea{font:inherit}button{border:1px solid rgba(255,77,0,.22);border-radius:8px;min-height:2.5rem;padding:0 1rem;background:#ff4d00f2;color:#100604;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.button-link{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;border:1px solid rgba(255,77,0,.22);border-radius:8px;background:#ff4d00f2;padding:0 1rem;color:#100604;font-size:.82rem;font-weight:700;text-decoration:none}.ghost-link{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#ffffff08;padding:0 1rem;color:#ffffffd1;font-size:.82rem;font-weight:700;text-decoration:none}.ghost-link:hover{border-color:#ffffff1f;background:#ffffff0f;color:#fff}button:hover{transform:translateY(-1px);background:#ff6422}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ghost-button{border-color:var(--border);background:#ffffff08;color:#ffffffd1}.ghost-button:hover{border-color:#ffffff1f;background:#ffffff0f;color:#fff}main{position:relative;display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}main.sidebar-collapsed{grid-template-columns:5.25rem minmax(0,1fr)}main.public-mode{grid-template-columns:17.5rem minmax(0,1fr)}main.sidebar-collapsed.public-mode{grid-template-columns:5.25rem minmax(0,1fr)}.app-rail{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:17.5rem;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border-soft);background:#060606eb;padding:1.25rem;box-shadow:0 30px 100px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .18s ease,padding .18s ease}.sidebar-collapsed .app-rail{width:5.25rem;padding:1rem .75rem}.brand{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.brand-copy{min-width:0}.brand-mark{width:2.45rem;height:2.45rem;border-radius:8px;border:1px solid var(--border);object-fit:cover}.brand p,.user-card p,.eyebrow,article p{margin:0;text-transform:uppercase;letter-spacing:.28em;font-size:.62rem;color:#ffffff59}.brand strong{display:block;margin-top:.1rem;font-family:Space Grotesk,sans-serif;font-size:.98rem;letter-spacing:.02em}.sidebar-toggle{display:grid;width:2rem;min-width:2rem;min-height:2rem;place-items:center;gap:.18rem;margin-left:auto;border-color:var(--border);border-radius:8px;background:#ffffff08;padding:.42rem}.sidebar-toggle span{display:block;width:.9rem;height:1px;background:#ffffffa3}.sidebar-toggle:hover{background:#ffffff14}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .brand-copy,.sidebar-collapsed .user-card{display:none}.sidebar-collapsed .sidebar-toggle{position:absolute;top:4.35rem;left:50%;margin-left:0;transform:translate(-50%)}.user-card{margin-top:1.75rem;border:1px solid var(--border);border-radius:8px;background:#ffffff08;padding:1rem}.user-card strong{display:block;margin-top:.75rem;font-size:.9rem;font-weight:600}.user-card span{display:block;margin-top:.55rem;color:var(--muted);font-size:.78rem;line-height:1.55}nav{display:grid;gap:.5rem;margin-top:1.75rem;padding-bottom:1.5rem}.sidebar-collapsed nav{margin-top:4.25rem}nav button{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;border-color:transparent;border-radius:8px;background:transparent;color:#ffffffb3;font-size:.88rem;font-weight:500;text-align:left}.nav-icon{display:block;flex:0 0 auto;width:1.05rem;height:1.05rem;color:#ffffff75;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button.active{border-color:#ff4d0033;background:#ff4d001a;color:#fff}nav button:hover{border-color:var(--border);background:#ffffff0a;color:#fff}nav button.active .nav-icon,nav button:hover .nav-icon{color:var(--fire)}.sidebar-collapsed nav button{justify-content:center;min-height:2.8rem;border-radius:.9rem;padding:0}.sidebar-collapsed .nav-icon{width:1.15rem;height:1.15rem}.sidebar-collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.workspace{position:relative;z-index:10;grid-column:2;min-width:0;min-height:100vh;padding-top:4.75rem}.public-mode .workspace{grid-column:2}.topbar{position:fixed;inset:0 0 auto 17.5rem;z-index:25;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.75rem;border-bottom:1px solid var(--border-soft);background:#050505cc;padding:.7rem 2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:inset .18s ease}.sidebar-collapsed .topbar{left:5.25rem}.public-mode .topbar{left:17.5rem}.sidebar-collapsed.public-mode .topbar{left:5.25rem}.topbar h1,.surface h1,.intro-panel h2{font-family:Space Grotesk,sans-serif}.topbar h1{margin:0;overflow:hidden;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.topbar p{display:block;max-width:44rem;margin:.15rem 0 0;overflow:hidden;color:#ffffff6b;font-size:.78rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:.55rem}.avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--border);border-radius:999px;background:#ffffff14;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.16em}.icon-button{display:grid;width:2.45rem;min-width:2.45rem;min-height:2.45rem;place-items:center;border-color:#ffffff1f;border-radius:8px;background:#ff4d00f0;color:#100604;padding:0}.icon-button:hover{border-color:#ff4d006b;background:#ff6422}.cart-button svg{width:1.18rem;height:1.18rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.credits-pill{display:inline-flex;min-height:2.45rem;align-items:center;gap:.5rem;border:0;border-radius:0;background:transparent;padding:0 .2rem;color:#ffffffc7;font-size:.8rem;font-weight:500}.credits-pill:hover{background:#ffffff0a}.credits-pill strong{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;min-height:1.35rem;border-radius:999px;padding:0 .5rem;line-height:1}.credits-pill strong{background:#ff4d00eb;color:#100604;font-size:.76rem}.account-menu{position:relative;margin-left:0}.account-trigger{display:inline-flex;min-height:2.75rem;align-items:center;gap:.35rem;border:0;border-left:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent;padding:0 .2rem 0 .65rem}.account-trigger:hover{background:#ffffff0a}.account-trigger .avatar,.avatar-image{width:2.35rem;height:2.35rem}.avatar-image{display:block;border:1px solid var(--border);border-radius:999px;object-fit:cover}.account-caret{width:0;height:0;border-top:.3rem solid rgba(255,255,255,.58);border-right:.28rem solid transparent;border-left:.28rem solid transparent}.account-dropdown{position:absolute;top:calc(100% + .05rem);right:0;z-index:50;display:grid;width:17rem;border:1px solid rgba(255,255,255,.14);background:#1c1c1cfa;padding:.7rem 0;box-shadow:0 26px 70px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-dropdown button{justify-content:flex-start;width:100%;min-height:2.55rem;border:0;border-radius:0;background:transparent;padding:0 1rem;color:#ffffffad;font-size:.9rem;font-weight:500;text-align:left}.account-dropdown button:hover{background:#ffffff0f;color:#fff;transform:none}.surface{width:min(100rem,100%);margin:0 auto;padding:1.5rem 2rem 2rem}.notice{margin-bottom:1rem;border:1px solid rgba(255,77,0,.28);border-radius:8px;background:#ff4d001a;padding:.85rem 1rem;color:#ffffffd6;font-size:.9rem}.app-notice{display:grid;gap:.25rem;width:min(calc(100% - 4rem),96rem);margin:1rem auto 0}.app-notice strong{color:#fff;font-size:.82rem}.app-notice span{color:#ffffffbd;line-height:1.45}.notice.danger{border-color:#ff2a2a5c;background:#ff2a2a1a}.notice.success{border-color:#1ed7605c;background:#1ed7601a}.surface>h1{margin:0 0 1rem;color:#fff;font-size:clamp(1.65rem,2vw,2.15rem);line-height:1.05}.surface>p{max-width:44rem;margin:0;color:var(--muted);line-height:1.6}.product-hero,.dashboard-hero,.credit-gate,.playlist-panel,.public-gateway,.public-landing,.public-submit,.account-required-panel{display:grid;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--card);box-shadow:0 24px 80px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-gateway{grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);gap:1.25rem;align-items:start;padding:1.25rem}.public-gateway h1{max-width:42rem;margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1}.public-gateway p:not(.eyebrow){max-width:42rem;margin:1rem 0 0;color:#ffffff94;line-height:1.65}.public-landing{grid-template-columns:minmax(0,1fr) minmax(18rem,29rem);gap:1.5rem;align-items:stretch;min-height:calc(100vh - 8.25rem);padding:1.25rem}.public-landing h1{max-width:45rem;margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(2.35rem,5vw,5.4rem);line-height:.96}.landing-copy{display:grid;max-width:48rem;gap:.9rem;margin-top:1.25rem}.landing-copy p{margin:0;color:#ffffffa3;font-size:.98rem;line-height:1.72}.landing-copy p:nth-child(3){color:#ffffffc7}.landing-media{min-height:31rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#050505}.landing-media img{width:100%;height:100%;object-fit:cover}.public-submit{gap:1rem;max-width:64rem;min-height:calc(100vh - 8.25rem);align-content:start;padding:1.25rem}.submit-intro h1{max-width:42rem;margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(2.1rem,4.4vw,4.7rem);line-height:.98}.submit-intro p:not(.eyebrow){max-width:40rem;margin:1rem 0 0;color:#ffffff9e;line-height:1.65}.spotify-submit-panel{display:grid;max-width:40rem;gap:.75rem;margin-top:.35rem}.spotify-submit-panel label{display:grid;gap:.55rem;color:#ffffffb8;font-size:.82rem}.spotify-submit-panel label>span{font-weight:700}.spotify-service-row{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);border-radius:8px;background:#ffffff08;padding:.8rem .9rem}.service-dot{display:block;width:.75rem;height:.75rem;border-radius:999px;background:#1ed760;box-shadow:0 0 0 4px #1ed7601f}.spotify-service-row strong,.spotify-service-row small{display:block}.spotify-service-row strong{color:#fff}.spotify-service-row small{margin-top:.15rem;color:#ffffff75}.account-required-panel{max-width:44rem;gap:.2rem;margin-top:.25rem;padding:1rem;border-color:#1ed7603d;background:linear-gradient(180deg,#1ed76014,#ffffff05),var(--card)}.account-required-panel.warning{border-color:#ff4d0052;background:linear-gradient(180deg,#ff4d001f,#ffffff05),var(--card)}.account-required-panel h2{max-width:38rem;margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(1.45rem,2.4vw,2.35rem);line-height:1.05}.spotify-preview{margin-top:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#111}.spotify-preview iframe{display:block;width:100%;border:0}.track-landing-preview,.submission-workflow-grid{display:grid;gap:1rem;margin-top:1rem}.track-summary-card,.track-editor-shell,.submission-notice{display:grid;grid-template-columns:6.75rem minmax(0,1fr);gap:1rem;align-items:start;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),var(--card);padding:.9rem}.track-summary-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.track-summary-card h2,.track-editor-shell h2{margin:.35rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.04}.track-summary-card strong,.submission-notice strong{display:block;margin-top:.45rem;color:#fff;font-size:.92rem}.track-summary-card span,.track-summary-card small,.submission-notice span{display:block;margin-top:.25rem;color:#ffffffa3;line-height:1.5}.submission-workflow{display:grid;gap:1rem}.submission-workflow-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start}.submit-composer{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:1rem}.track-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.track-editor-grid input,.submit-composer textarea{width:100%}.submit-composer textarea{min-height:9rem}.rights-check{display:flex;align-items:flex-start;gap:.65rem;color:#ffffffc2;line-height:1.5}.rights-check input{margin-top:.2rem}.track-editor-shell.warning,.submission-notice{border-color:#ff4d003d}.track-editor-shell{gap:.4rem;min-height:9rem}.submission-track-card{min-height:100%}.track-landing-preview .actions,.submission-workflow .actions{margin-top:0}.track-landing-preview .actions button,.submission-workflow .actions button{min-width:9rem}.account-required-panel p:not(.eyebrow){max-width:39rem;margin:.8rem 0 0;color:#ffffffa8;line-height:1.6}.purchase-disclaimer{max-width:56rem;margin-top:1rem;border:1px solid rgba(255,77,0,.28);border-radius:8px;background:linear-gradient(180deg,#ff4d001a,#ffffff06),var(--card);padding:1rem}.purchase-disclaimer h2{max-width:46rem;margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(1.35rem,2.2vw,2.1rem);line-height:1.08}.purchase-disclaimer p:not(.eyebrow){max-width:50rem;margin:.75rem 0 0;color:#ffffffad;line-height:1.6}.purchase-disclaimer.compact{margin-top:.9rem}.purchase-disclaimer.compact h2{font-size:1.1rem}.credits-overview,.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;align-items:stretch}.credits-overview>button{min-height:100%}.account-admin{display:grid;gap:1rem;margin-top:1rem}.account-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.account-tabs button{min-height:2.35rem;border-color:var(--border);background:#ffffff08;color:#ffffffb8}.account-tabs button.active{border-color:#ff4d0052;background:#ff4d001f;color:#fff}.account-settings,.artists-layout{display:grid;grid-template-columns:minmax(0,32rem) minmax(0,1fr);gap:1rem;align-items:start}.preferences-panel,.artist-editor{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:8px;background:#ffffff08;padding:1rem}.artist-row{grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr) auto}.transaction-row{grid-template-columns:7rem minmax(0,1fr) minmax(0,1.5fr)}.song-list{display:grid;gap:.6rem}.song-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border-soft);border-radius:8px;background:#ffffff08;padding:.75rem}.song-row a{color:#ffffffb8;font-size:.82rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow-y:auto;background:#000000b8;padding:1rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-modal{position:relative;width:min(100%,34rem);border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#0b0b0b;padding:1.25rem;box-shadow:0 36px 110px #000000a3}.credit-store-modal{width:min(100%,42rem)}.brand-modal h2{margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;font-size:clamp(1.7rem,4vw,2.75rem);line-height:1}.modal-copy{margin:.85rem 0 0;color:#ffffffa8;line-height:1.6}.modal-close{position:absolute;top:.8rem;right:.8rem;width:2.25rem;min-width:2.25rem;min-height:2.25rem;border-color:var(--border);background:#ffffff0a;color:#fff;padding:0;font-size:1.2rem}.modal-success{border-color:#1ed76047}.modal-danger{border-color:#ff2a2a52}.danger-confirm{border-color:#ff2a2a6b;background:#ff2a2aeb;color:#fff}.credit-stepper{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.75rem;align-items:center;margin-top:1rem}.credit-stepper>div{display:grid;min-height:5rem;place-items:center;border:1px solid rgba(255,77,0,.28);border-radius:8px;background:#ff4d001a}.credit-stepper strong{color:#fff;font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1}.credit-stepper span{color:#fff9;font-size:.82rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.bulk-discount{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;border:1px solid rgba(30,215,96,.28);border-radius:8px;background:#1ed76014;padding:.75rem .85rem}.bulk-discount strong{color:#fff;font-size:.86rem}.bulk-discount span{color:#ffffffa8;font-size:.82rem}.reason-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.reason-list span{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;padding:.42rem .65rem;color:#ffffffbd;font-size:.78rem}.product-hero{grid-template-columns:13rem minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.25rem}.playlist-art{aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#050505}.playlist-art img{width:100%;height:100%;object-fit:cover}.product-copy h2,.dashboard-hero h1,.credit-gate h2,.playlist-panel h2{margin:.65rem 0 0;font-family:Space Grotesk,sans-serif;color:#fff;line-height:1}.product-copy h2{max-width:48rem;font-size:clamp(2.4rem,5vw,5rem)}.product-copy p:not(.eyebrow),.dashboard-hero p,.credit-gate p:not(.eyebrow),.playlist-panel p:not(.eyebrow){max-width:45rem;margin:1rem 0 0;color:#ffffff94;line-height:1.65}.flow-strip,.progress-steps,.credit-products{display:grid;gap:1rem}.flow-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.flow-strip article{min-height:7rem}.flow-strip article strong{margin:0;color:var(--fire);font-size:1rem}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.25rem}.dashboard-hero h1{font-size:clamp(2rem,3vw,3.2rem)}.dashboard-hero button{min-width:10rem}.progress-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.progress-steps article{min-height:7rem}.progress-steps article strong{margin-top:0;font-size:1rem}.progress-steps article.done{border-color:#ff4d0047}.progress-steps article.active{background:linear-gradient(180deg,#ff4d0021,#ff4d000a),var(--card)}.playlist-panel{grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1.25rem}.playlist-panel h2,.credit-gate h2{font-size:clamp(1.7rem,2.4vw,2.6rem)}.credit-gate{grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1.25rem}.credit-products{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.credit-product{min-height:14rem}.credit-product.featured{border-color:#ff4d0057;background:linear-gradient(180deg,#ff4d001f,#ffffff05),var(--card)}.credit-product button{margin-top:1.1rem}.balance-card strong{font-size:3rem}.overview-grid,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.grid{margin-top:1rem}article,form{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--card);box-shadow:0 24px 80px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-form textarea{min-height:10rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.compact-form{max-width:34rem}.profile-grid{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,34rem);gap:1rem;margin-top:1rem;align-items:start}.form-hint{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}article{min-height:8.5rem;padding:1rem}article strong{display:block;margin-top:.8rem;color:#fff;font-size:1.35rem;font-weight:700;overflow-wrap:anywhere}article span{display:block;margin-top:.5rem;color:var(--muted);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}.span-2{grid-column:span 2}.intro-panel{min-height:18rem;padding:1.25rem}.intro-panel h2{max-width:44rem;margin:1rem 0 0;color:#fff;font-size:clamp(2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.02em}.intro-panel>p:not(.eyebrow){max-width:38rem;margin:1rem 0 0;color:#ffffff94;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}form{display:grid;max-width:48rem;gap:.8rem;margin-top:1rem;padding:1rem}input,textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#ffffff09;color:#fff;outline:0;padding:.85rem .95rem}input:focus,textarea:focus{border-color:#ff4d0080;box-shadow:0 0 0 3px #ff4d001f}input::placeholder,textarea::placeholder{color:#ffffff59}textarea{min-height:8rem;resize:vertical}label{color:#ffffff94;font-size:.9rem;line-height:1.5}label input{width:auto;margin-right:.55rem;accent-color:var(--fire)}.panel-list{display:grid;gap:.7rem;margin-top:1rem;border:1px solid var(--border);border-radius:8px;background:#ffffff06;padding:.8rem}.panel-list h2{margin:.2rem 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:8px;padding:1rem;color:var(--muted);font-size:.9rem}.row-item{display:grid;grid-template-columns:8rem minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:.8rem;border:1px solid var(--border-soft);border-radius:8px;background:#ffffff08;padding:.8rem}.row-item span{justify-self:start;border:1px solid rgba(255,77,0,.22);border-radius:999px;background:#ff4d001a;padding:.28rem .55rem;color:#ffffffc7;font-size:.72rem}.row-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-item small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.admin-row{grid-template-columns:7rem minmax(0,1fr) minmax(0,1.4fr) auto}.user-row{grid-template-columns:7rem minmax(0,1fr) minmax(0,1.2fr) auto}.admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem}.user-detail{margin-top:.7rem}.user-detail strong{font-size:1rem}.danger-button{border-color:#ff2a2a52;color:#ffd2d2e6}.danger-button:hover{border-color:#ff2a2a80;background:#ff2a2a1f}.row-actions{display:flex;gap:.4rem}.row-actions button{min-height:2rem;padding-inline:.7rem;font-size:.72rem}@media (max-width: 1040px){main{grid-template-columns:1fr}main.sidebar-collapsed{grid-template-columns:1fr}.app-rail{position:relative;inset:auto;width:100%;min-height:auto}.sidebar-collapsed .app-rail{width:100%;padding:1.25rem}.sidebar-collapsed .brand-copy,.sidebar-collapsed .user-card{display:block}.sidebar-collapsed .sidebar-toggle{position:static;margin-left:auto;transform:none}.sidebar-collapsed nav{margin-top:1.75rem}.sidebar-collapsed nav button{justify-content:flex-start;min-height:2.5rem;padding:0 1rem}.sidebar-collapsed .nav-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.workspace{grid-column:1;padding-top:0}.public-mode .workspace{grid-column:1}.topbar{position:sticky;inset:0 0 auto}.sidebar-collapsed .topbar{left:auto}.overview-grid,.grid,.profile-grid,.account-grid,.account-settings,.artists-layout,.credits-overview,.product-hero,.dashboard-hero,.playlist-panel,.credit-gate,.public-gateway,.public-landing,.admin-layout{grid-template-columns:1fr}.landing-media{min-height:24rem}.flow-strip,.progress-steps,.credit-products{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-art{width:min(13rem,100%)}.row-item,.admin-row,.user-row,.artist-row,.transaction-row{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}}@media (max-width: 680px){.app-rail,.surface,.topbar{padding-inline:1rem}nav{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{justify-content:center;padding-inline:.75rem}.topbar{grid-template-columns:1fr}.topbar-actions{width:100%;justify-content:flex-start;overflow-x:auto}.overview-grid,.grid,.profile-grid,.account-grid,.credits-overview,.flow-strip,.progress-steps,.credit-products{grid-template-columns:1fr}.credit-stepper{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}.span-2{grid-column:auto}}