:root{color-scheme:dark;--bg:#101218;--bg2:#191d27;--panel:#202634;--panel-hi:#2b3341;--ink:#eef0f5;--muted:#b7becc;--line:#3b4352;--lilac:#c7b8f5;--ice:#b6d9ee;--mint:#aedac8;--white:#fff;--shadow:0 20px 55px #05060866}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.studio-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:25px 17px 17px;background:#121417;border-right:1px solid #2c3037;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:850;font-size:23px;letter-spacing:-1.2px;padding:0 8px}.brand-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,var(--lilac),var(--ice));color:#202633;font-size:21px}.side-label{font-size:10px;letter-spacing:1.5px;color:#737b85;font-weight:800;margin:42px 10px 13px}.studio-nav{display:grid;gap:5px}.studio-nav a{min-height:46px;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:12px;color:#aeb4bc;text-decoration:none;font-size:13px;font-weight:650;transition:background .15s,color .15s}.studio-nav a span{font-size:17px;width:20px;text-align:center;color:#868e98}.studio-nav a:hover,.studio-nav a[aria-current=page]{background:#292d34;color:#fff}.studio-nav a[aria-current=page] span{color:var(--ice)}.sidebar-bottom{margin-top:auto}.account-chip{display:flex;gap:10px;align-items:center;padding:12px 8px;border-top:1px solid #2c3037}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#343941;border-radius:50%;color:var(--mint);font-weight:800}.account-chip strong,.account-chip small{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip strong{font-size:12px}.account-chip small{color:#9299a3;font-size:10px}.sidebar-signout,.operator-link{display:block;width:100%;padding:9px 8px;color:#aeb4bc;background:none;border:0;text-align:left;text-decoration:none;font:600 12px inherit;cursor:pointer}.operator-link:hover,.sidebar-signout:hover{color:var(--ice)}.studio-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.mobile-header{display:none}#app{width:min(1100px,100%);margin:0 auto;padding:45px clamp(22px,4.5vw,70px) 90px;flex:1}.studio-main footer{border-top:1px solid #292d34;padding:16px clamp(22px,4.5vw,70px);display:flex;justify-content:space-between;gap:16px;color:#7f8791;font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:var(--ice);margin:0 0 8px}h1,h2,h3{font-family:inherit;letter-spacing:-.045em;line-height:1.08;color:var(--ink)}h1{font-size:clamp(30px,4vw,46px);font-weight:780;margin:0 0 12px}h2{font-size:24px;font-weight:730;margin:38px 0 16px}h3{font-size:17px;font-weight:700;margin:0 0 8px}.lede{max-width:690px;color:#a6adb5;margin:0 0 28px}.topline{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:25px}.button{min-height:46px;padding:11px 16px;border:1px solid transparent;border-radius:8px;background:#383d45;color:var(--ink);font:700 13px inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#484e57}.button.red{background:linear-gradient(110deg,var(--lilac),var(--ice));color:#202633}.button.red:hover{filter:brightness(1.08)}.button.light{background:transparent;color:#d1d5da;border-color:#444a53}.button:disabled{opacity:.55;cursor:wait;transform:none}.buttonrow,.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.form{max-width:680px;display:grid;gap:15px}.form label{font-size:12px;font-weight:650;color:#d4d7dc;display:grid;gap:7px}.form input,.form textarea,.form select{width:100%;min-height:45px;padding:11px 12px;border:1px solid #414750;border-radius:7px;background:#1c2025;color:var(--ink);font:inherit}.form input::placeholder,.form textarea::placeholder{color:#757d87}.form textarea{min-height:110px;resize:vertical}.form input[type=file]{padding:8px}.form input[type=checkbox],input[type=checkbox]{accent-color:var(--lilac);width:19px;height:19px;flex:0 0 19px}.check{display:flex!important;align-items:flex-start!important;gap:10px!important;line-height:1.5;font-weight:500!important}.check input{margin:2px 0 0}.note{border-left:3px solid var(--mint);padding:13px 16px;background:#202a29;color:#d8e7df;max-width:760px;border-radius:0 8px 8px 0;margin:18px 0}.notice{padding:13px 15px;margin:15px 0;border:1px solid #65517d;border-left:3px solid var(--lilac);border-radius:7px;background:#202634;color:#eee9ff;white-space:pre-wrap}.notice.ok{border-color:#345941;background:#202b24;color:#ccebd5}.split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px}.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;border-bottom:1px solid var(--line);padding:17px 13px;align-items:center;background:#1c1f24}.row:nth-child(even){background:#202329}.row p{margin:4px 0 0;color:var(--muted);font-size:12px}.filename{max-width:100%;overflow-wrap:anywhere;color:#eef0f5;font-weight:700;text-decoration:none}.filename:hover{color:var(--ice)}.status{font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--mint);padding:5px 9px;border:1px solid #3e5a4a;border-radius:99px;white-space:nowrap}.detail{max-width:860px}.metricline{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--line);border-radius:11px;background:#1e2127;padding:20px 4px;margin:25px 0}.metric{min-width:150px;padding:0 20px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:29px;font-weight:750;letter-spacing:-1.3px;display:block}.metric span{color:var(--muted);font-size:11px}.audio{width:100%;margin:20px 0}.recovery{padding:22px;background:#20242a;border:1px solid var(--line);border-radius:9px;font:700 19px ui-monospace,monospace;overflow-wrap:anywhere;color:var(--ice)}.small{font-size:11px;color:var(--muted)}.empty-state{padding:30px 0;color:var(--muted)}.auth-stage{display:grid;grid-template-columns:1fr minmax(320px,440px);align-items:center;gap:8vw;min-height:580px}.auth-copy{max-width:550px}.auth-copy h1{font-size:clamp(35px,4vw,49px);max-width:520px}.auth-copy .steps{white-space:pre-line;line-height:2;color:#c8cbd0;font-weight:600}.auth-form{background:#202329;border:1px solid #363b43;border-radius:13px;padding:25px;box-shadow:var(--shadow);width:100%;max-width:450px}.auth-form h2{font-size:22px;margin:0 0 20px}.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0}.auth-actions a{min-height:44px;display:inline-flex;align-items:center;color:#d0d4d9;font-size:12px}.auth-art{margin-top:32px;height:104px;border-top:1px solid #373c44;border-bottom:1px solid #373c44;display:flex;align-items:center;gap:4px;overflow:hidden;opacity:.9}.auth-art i{display:block;width:3px;height:var(--h);border-radius:3px;background:linear-gradient(var(--ice),var(--lilac));opacity:.75}.submit-review{padding:18px;border:1px solid var(--line);background:#202329;border-radius:10px;margin:18px 0;max-width:720px}.submit-review .note{max-width:none}.toolbar+.note{margin-top:24px}.review-row{border-block:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.review-form{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#202329;max-width:700px}.review-form label{display:grid;gap:7px;font-weight:650}.review-form input:not([type=checkbox]),.review-form textarea{padding:12px;border:1px solid #414750;border-radius:7px;background:#1c2025;color:var(--ink);font:inherit}.review-form textarea{min-height:100px}.review-row details{margin:12px 0}.review-row summary{cursor:pointer;font-weight:700}.dropzone{min-height:145px;padding:25px;border:1px dashed #656c77;border-radius:12px;background:radial-gradient(ellipse at 50% 120%,#202634 0,transparent 56%),#1e2228;display:grid;place-items:center;text-align:center;gap:9px}.dropzone.dragover{border-color:var(--ice);background-color:#29272a}.dropzone strong{font-size:14px}.dropzone span{font-size:11px;color:var(--muted)}.dropzone input{max-width:260px}.file-preview{margin-top:13px}.studio-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.studio-hero h1{margin-bottom:8px}.studio-hero p{color:var(--muted);margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-head h2{margin:30px 0 12px}.empty-block{padding:28px;border:1px dashed #414750;border-radius:10px;background:#1d2025}.empty-block p{color:var(--muted);max-width:560px}.wave-accent{display:flex;align-items:center;gap:3px;height:46px;color:var(--lilac)}.wave-accent i{width:3px;border-radius:3px;height:var(--h);background:currentColor;opacity:.75}button,a,input,textarea,select,summary{scroll-margin-top:16px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ice);outline-offset:3px}button,a.button,input[type=checkbox],.studio-nav a{min-height:44px}[hidden]{display:none!important}audio{max-width:100%}.transcript,pre{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.review-form{margin-top:18px}.review-form label{font-size:12px}.review-row details{color:var(--ink)}.operator-link{font:600 12px/1.4 inherit}.sidebar-signout{font:600 12px/1.4 inherit}.quiet-action{background:none;color:var(--ink);border:0;padding:9px;font:600 12px inherit}
@media(max-width:860px){.studio-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding:20px 12px}.studio-nav a{padding:9px 10px}#app{padding:34px 25px 70px}.auth-stage{gap:4vw}.metric{min-width:130px;padding:0 14px}}
@media(max-width:650px){.studio-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:70px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid #363b43;background:#111316}.sidebar>.brand,.sidebar>.side-label,.sidebar-bottom{display:none}.studio-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.studio-nav a{height:54px;min-height:54px;padding:4px 2px;display:flex;flex-direction:column;gap:0;justify-content:center;font-size:9px}.studio-nav a span{height:23px;font-size:17px}.studio-main{min-height:100vh;padding-bottom:70px}.mobile-header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #292d34}.mobile-header .brand{font-size:20px;padding:0}.mobile-header .brand-icon{height:24px;width:24px;font-size:17px}.quiet-action{min-height:42px}#app{padding:28px 18px 50px}.studio-main footer{display:none}h1{font-size:32px}h2{font-size:22px}.auth-stage{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:0}.auth-copy h1{font-size:36px}.auth-copy .steps{line-height:1.7}.auth-art{height:66px;margin-top:15px}.auth-form{max-width:none;padding:19px}.metricline{justify-content:space-around;padding:16px 3px}.metric{min-width:33%;padding:0 10px}.metric strong{font-size:23px}.metric span{font-size:10px}.row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 10px}.toolbar{gap:8px}.dropzone{min-height:125px;padding:18px 13px}.form input,.form textarea,.form select{font-size:16px}.recovery{font-size:16px;padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.mast{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#121417;border-bottom:1px solid #30353c}.mast .brand{display:flex;align-items:center;gap:8px;color:var(--ink)}.mast nav{display:flex;align-items:center;gap:18px}.mast nav a{color:#c9cdd2;text-decoration:none;font-size:12px;font-weight:650}.mast nav a:hover{color:var(--ice)}body>footer{padding:16px 24px;border-top:1px solid #30353c;color:#89919b;display:flex;justify-content:space-between;gap:14px;font-size:11px}
/* Studio refinement */
.auth-mode .mobile-header{align-items:center;justify-content:space-between;gap:20px}.side-label{color:#9299a2}.quiet-action,.operator-link{min-height:44px}.auth-art{justify-content:space-between}
.studio-nav a{font-size:12px}.studio-nav a svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#9299a2}.studio-nav a[aria-current=page] svg{color:var(--ice)}
.button{font-family:inherit;font-size:13px;font-weight:750}.button.red{background:var(--lilac);color:#202633}.button.red:hover{background:#d5cafa}.form label,.review-form label{font-size:12px}.small{font-size:12px}.auth-mode .studio-shell{grid-template-columns:minmax(0,1fr)}.auth-mode .sidebar{display:none}.auth-mode .mobile-header{display:flex;height:65px;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.auth-mode .mobile-header .brand{font-size:23px;padding:0}.auth-mode .workspace-link{color:#bfc5cd;text-decoration:none;font-size:12px;font-weight:650;min-height:44px;display:flex;align-items:center}.mobile-actions{display:flex;align-items:center;gap:14px}.auth-mode #app{width:min(1180px,100%);padding-top:44px}.auth-mode .auth-stage{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(42px,8vw,120px);min-height:600px}.auth-mode .auth-copy{max-width:640px}.auth-mode .auth-copy h1{font-size:clamp(40px,5vw,60px);max-width:590px}.auth-mode .auth-form{max-width:470px}.auth-mode .auth-form .auth-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:5px}.auth-art{width:100%;gap:5px}.auth-art i{flex:1;width:auto;max-width:10px;min-width:3px}.studio-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 22px}.studio-heading .eyebrow{grid-column:1/-1}.studio-heading h1{font-size:36px;margin:0}.studio-heading .lede{grid-column:1;grid-row:3;margin:3px 0 0}.studio-heading>.button{grid-column:2;grid-row:2/4}.studio-entry{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,.75fr);gap:0;margin:14px 0 30px;border:1px solid #373c44;border-radius:12px;overflow:hidden;background:#202329}.entry-copy{padding:26px 28px;position:relative;background:radial-gradient(ellipse at 15% 120%,#24283a 0,transparent 48%),#202329}.entry-copy h2{font-size:27px;margin:2px 0 8px}.entry-copy>p:not(.eyebrow){color:#aab1ba;font-size:13px;max-width:600px;margin:0 0 18px}.offer-status{border-left:1px solid #373c44;padding:24px 22px;background:#1b1e23}.offer-status .eyebrow{color:#aeb5be}.offer-status h3{overflow-wrap:anywhere}.offer-status p:not(.eyebrow){font-size:12px;color:#aab1ba;margin:7px 0}.section-head{margin-top:20px}.section-head h2{font-size:19px;margin:0 0 12px}.section-head>a{font-size:12px;color:#c2c7ce;text-decoration:none}.empty-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 12px;margin:0;color:#a8afb7;font-size:12px}.metricline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:30px 0 10px;padding:17px 0}.metric{width:100%;min-width:0;display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--line);padding:0 20px}.metric:first-child{padding-left:17px}.metric strong{font-size:26px}.metric span{font-size:11px}.wave-accent{color:var(--lilac)}
@media(max-width:850px){.auth-mode .auth-stage{gap:5vw}.studio-entry{grid-template-columns:minmax(0,1.25fr) minmax(215px,.8fr)}.entry-copy{padding:22px}.offer-status{padding:20px 17px}}
@media(max-width:650px){.studio-nav a{font-size:11px}.studio-nav a svg{width:20px;height:20px}.studio-heading{grid-template-columns:1fr auto;gap:5px 10px}.studio-heading h1{font-size:30px}.studio-heading .lede{font-size:12px}.studio-heading>.button{grid-column:2;grid-row:2/4;padding:10px}.studio-entry{grid-template-columns:1fr}.entry-copy{padding:21px 18px}.offer-status{border-left:0;border-top:1px solid #373c44;padding:16px 18px}.section-head{margin-top:17px}.section-head h2{margin:0 0 10px}.metric{padding:0 8px}.metric:first-child{padding-left:8px}.metric strong{font-size:20px}.metric span{font-size:10px}.auth-mode .mobile-header{height:58px;padding:0 18px}.auth-mode #app{padding-top:28px}.auth-mode .auth-stage{display:grid;grid-template-columns:1fr;gap:22px;min-height:0}.auth-mode .auth-copy h1{font-size:40px}.auth-mode .auth-art{height:55px;margin-top:10px}.auth-mode .auth-form{padding:18px}.auth-mode .studio-main footer{display:none}.auth-mode .workspace-link{font-size:11px}.auth-mode .mobile-actions{gap:5px}}
.recording-title{font-size:clamp(30px,3.4vw,40px);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.row,.row>div{min-width:0}.filename{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;line-height:1.35}.metadata-block{margin:20px 0;padding:15px 17px;border:1px solid var(--line);border-radius:9px;background:#1f2228;max-width:720px}.metadata-block h2{font-size:16px;margin:0 0 8px}.metadata-block p{margin:4px 0;color:#bdc3ca;font-size:12px}.studio-entry .button.red{background:var(--lilac)}.studio-heading>.button{justify-self:end}.auth-mode .auth-copy .note{max-width:560px}
@media(max-width:650px){.recording-title{font-size:30px}.row{grid-template-columns:minmax(0,1fr)}.filename{-webkit-line-clamp:2}}
.row .status{justify-self:end;align-self:center}.check{min-height:44px;padding:4px 0;align-items:center!important}.check input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;max-height:20px;flex:0 0 20px!important;margin:2px 0 0}.entry-equalizer{position:absolute;right:23px;top:28px;width:125px;height:36px;color:var(--lilac);opacity:.85;pointer-events:none}.entry-copy{padding-right:165px}.operator-link[hidden],.workspace-link[hidden]{display:none!important}
@media(max-width:650px){.row .status{justify-self:start;align-self:start}.entry-copy{padding-right:18px;padding-bottom:65px}.entry-equalizer{top:auto;right:18px;bottom:17px;width:110px;height:30px}}
#operator{width:min(1120px,100%);min-height:calc(100vh - 140px);margin:0 auto;padding:44px 24px 72px}.mast nav{min-width:0;flex-wrap:wrap;justify-content:flex-end}.dropzone input::file-selector-button{min-height:38px;margin-right:9px;padding:8px 12px;border:0;border-radius:6px;background:var(--lilac);color:#202633;font:700 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}.dropzone input::file-selector-button:hover{background:#d5cafa}
@media(max-width:650px){#operator{padding:28px 18px 52px;min-height:calc(100vh - 120px)}.mast{height:auto;min-height:62px;padding:10px 16px;gap:8px;flex-wrap:wrap}.mast nav{gap:8px 14px}.mast nav a{min-height:36px;display:flex;align-items:center}body>footer{padding:14px 16px;flex-wrap:wrap}}
@media(max-width:650px){.auth-mode .auth-art,.auth-mode .auth-copy .steps{display:none}.auth-mode .auth-copy h1{font-size:36px}.auth-mode .auth-stage{gap:12px}.auth-mode .auth-copy .lede{margin-bottom:10px}.auth-mode .auth-copy .note{margin:8px 0 0;padding:10px 13px;font-size:12px}.auth-mode .auth-form{margin:0;padding:16px}.auth-mode .auth-form h2{margin-bottom:12px}}

/* Private sound-library tools and dark pastel glass treatment. */
.sidebar{background:rgba(16,19,28,.96);border-color:#303746}
.brand-icon{background:linear-gradient(140deg,var(--lilac),var(--ice));color:#202633}
.eyebrow,.studio-nav a[aria-current=page] svg{color:var(--lilac)}
.studio-nav a:hover,.studio-nav a[aria-current=page]{background:rgba(199,184,245,.11);color:#f4f3fa}
.button{border-radius:999px;border-color:rgba(235,240,255,.13);background:rgba(40,47,61,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.button.red{background:rgba(189,226,208,.94);color:#202633;border-color:rgba(229,247,238,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(0,0,0,.18)}
.button.red:hover{background:#d2efe2;color:#1d2430;filter:none}
.button.light{background:rgba(235,240,255,.045);border-color:rgba(235,240,255,.2);color:#e1e6ef}
.button.light:hover{background:rgba(199,184,245,.12);border-color:rgba(199,184,245,.42)}
.form input,.form textarea,.form select,.review-form input:not([type=checkbox]),.review-form textarea{background:rgba(23,28,39,.92);border-color:rgba(208,219,239,.2);border-radius:10px}
.form input[type=checkbox],input[type=checkbox]{accent-color:var(--lilac)}
.note{border-left-color:var(--mint);background:rgba(174,218,200,.08);color:#dcefe6}
.notice{border-color:rgba(199,184,245,.35);border-left-color:var(--lilac);background:rgba(199,184,245,.08);color:#eee9ff}
.notice.ok{border-color:rgba(174,218,200,.35);background:rgba(174,218,200,.08);color:#dcefe6}
.row,.row:nth-child(even){background:rgba(230,237,255,.025)}
.row:nth-child(even){background:rgba(230,237,255,.045)}
.filename:hover,.operator-link:hover,.sidebar-signout:hover{color:var(--ice)}
.status{color:var(--mint);border-color:rgba(174,218,200,.35);background:rgba(174,218,200,.06)}
.auth-form,.submit-review,.review-form,.metadata-block,.metadata-editor,.empty-library{background:linear-gradient(145deg,rgba(35,42,57,.82),rgba(25,29,40,.92));border-color:rgba(225,232,248,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.14);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.entry-copy{background:radial-gradient(ellipse at 15% 120%,rgba(199,184,245,.12),transparent 48%),#202634}
.offer-status{background:rgba(16,19,28,.58);border-color:rgba(225,232,248,.12)}
.dropzone{background:radial-gradient(ellipse at 50% 120%,rgba(182,217,238,.11),transparent 56%),rgba(25,30,42,.82);border-color:rgba(182,217,238,.46)}
.dropzone.dragover{border-color:var(--mint);background-color:rgba(174,218,200,.1)}
.dropzone input::file-selector-button{background:var(--lilac);color:#202633;border-radius:999px}
.dropzone input::file-selector-button:hover{background:#d5cafa}
.file-preview{padding:12px;border:1px solid rgba(225,232,248,.12);border-radius:12px;background:rgba(235,240,255,.035)}
.sound-upload{max-width:760px}
.speech-fields{min-width:0;padding:16px;border:1px solid rgba(225,232,248,.14);border-radius:14px;background:rgba(235,240,255,.025)}
.speech-fields legend{padding:0 8px;color:var(--lilac);font-weight:700}
.library-toolbar{display:flex;justify-content:flex-end;margin:0 0 16px}
.library-filters{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px) auto;align-items:end;gap:14px;margin:0 0 24px;padding:18px;border:1px solid rgba(225,232,248,.12);border-radius:16px;background:rgba(235,240,255,.035)}
.library-filters .buttonrow{margin:0;align-self:end}
.library-results{min-height:120px}
.empty-library{padding:26px;border:1px solid rgba(225,232,248,.12);border-radius:16px}
.empty-library h2{margin:0 0 8px;font-size:21px}
.empty-library p{max-width:550px;color:var(--muted)}
.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tag-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid rgba(199,184,245,.25);border-radius:999px;background:rgba(199,184,245,.08);color:#ded5fb;font-size:11px;overflow-wrap:anywhere}
.metadata-block{padding:18px;border-radius:14px}
.metadata-editor{max-width:760px;margin:22px 0;padding:18px;border:1px solid rgba(225,232,248,.12);border-radius:16px}
.metadata-editor h2{margin:0 0 8px}
.conflict-actions{display:flex;gap:10px;flex-wrap:wrap}
.empty-library .buttonrow{margin:8px 0 0}
@media(max-width:760px){.library-filters{grid-template-columns:1fr}.library-filters .buttonrow{justify-content:flex-start}.metadata-editor,.metadata-block{padding:14px}.speech-fields{padding:12px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
.library-filters label{display:grid;gap:7px;color:#d4d9e5;font-size:12px;font-weight:650}
.library-filters input:not([type=checkbox]),.library-filters select{width:100%;min-height:46px;padding:11px 12px;border:1px solid rgba(208,219,239,.2);border-radius:10px;background:rgba(23,28,39,.92);color:var(--ink);font:inherit}
.library-filters input::placeholder{color:#a6adbb}
.library-filters input:focus-visible,.library-filters select:focus-visible{outline:3px solid var(--ice);outline-offset:3px;border-color:var(--ice)}
/* Creator studio V4 restyle. Every selector stays inside the creator app root. */
body.fliq-app {
  --bg: var(--fliq-bg);
  --bg2: var(--fliq-surface-1);
  --panel: var(--fliq-surface-2);
  --panel-hi: var(--fliq-line-strong);
  --ink: var(--fliq-text);
  --muted: var(--fliq-muted);
  --line: var(--fliq-line);
  --lilac: var(--fliq-violet);
  --ice: var(--fliq-violet);
  --mint: var(--fliq-lime);
  background: var(--fliq-bg);
  color: var(--fliq-text);
  font-family: "Geist", system-ui, sans-serif;
}
body.fliq-app .studio-shell { background: var(--fliq-bg); }
body.fliq-app .sidebar {
  background: var(--fliq-surface-1);
  border-right-color: var(--fliq-line);
}
body.fliq-app .brand { color: var(--fliq-text); }
body.fliq-app .side-label,
body.fliq-app .eyebrow { color: var(--fliq-muted-soft); font-family: "Geist Mono", monospace; font-weight: 500; }
body.fliq-app .studio-nav { gap: 4px; }
body.fliq-app .studio-nav a {
  min-height: 44px;
  border-radius: 9px;
  color: var(--fliq-muted);
  font: 500 14px/1.35 "Geist", system-ui, sans-serif;
}
body.fliq-app .studio-nav a svg { width: 18px; height: 18px; flex: 0 0 18px; stroke: currentColor; }
body.fliq-app .studio-nav a:hover { background: var(--fliq-surface-2); color: var(--fliq-text); }
body.fliq-app .studio-nav a[aria-current="page"] {
  color: var(--fliq-lime);
  background: #c8ff2e12;
  box-shadow: inset 2px 0 var(--fliq-lime);
}
body.fliq-app .studio-nav a[aria-current="page"] svg { color: var(--fliq-lime); }
body.fliq-app .account-chip { border-top-color: var(--fliq-line); }
body.fliq-app .avatar { color: var(--fliq-bg); background: var(--fliq-lime); }
body.fliq-app .account-chip small,
body.fliq-app .studio-main footer { color: var(--fliq-muted); }
body.fliq-app .operator-link,
body.fliq-app .sidebar-signout { color: var(--fliq-muted); font: 500 13px/1.4 "Geist", system-ui, sans-serif; }
body.fliq-app .studio-main footer { border-top-color: var(--fliq-line); font: 13px/1.45 "Geist", system-ui, sans-serif; }
body.fliq-app #app { width: min(1120px,100%); padding-top: 38px; }
body.fliq-app .eyebrow { color: var(--fliq-lime); font-size: 11px; letter-spacing: .09em; }
body.fliq-app h1,
body.fliq-app h2,
body.fliq-app h3 { color: var(--fliq-text); font-family: "Unbounded", "Geist", sans-serif; letter-spacing: -.045em; }
body.fliq-app h1 { font-size: clamp(28px,3.2vw,40px); font-weight: 600; line-height: 1.12; }
body.fliq-app h2 { font-size: 21px; font-weight: 600; line-height: 1.2; }
body.fliq-app h3 { font-size: 16px; font-weight: 600; line-height: 1.3; }
body.fliq-app .lede { color: var(--fliq-muted); font-size: 15px; }
body.fliq-app .topline { border-bottom-color: var(--fliq-line); }
body.fliq-app .button {
  min-height: 44px;
  border: 1px solid var(--fliq-line-strong);
  border-radius: 999px;
  color: var(--fliq-text);
  background: var(--fliq-surface-2);
  box-shadow: none;
  font: 600 14px/1.2 "Geist", system-ui, sans-serif;
}
body.fliq-app .button:hover { background: var(--fliq-line-strong); }
body.fliq-app .button.red {
  color: var(--fliq-bg);
  background: var(--fliq-lime);
  border-color: var(--fliq-lime);
  font-weight: 650;
}
body.fliq-app .button.red:hover { background: #d5ff63; border-color: #d5ff63; }
body.fliq-app .button.light { color: var(--fliq-text); background: transparent; border-color: var(--fliq-line-strong); }
body.fliq-app .button.light:hover { color: var(--fliq-lime); border-color: var(--fliq-lime); background: #c8ff2e0a; }
body.fliq-app .button:disabled { opacity: .58; }
body.fliq-app .form { gap: 16px; }
body.fliq-app .form label,
body.fliq-app .review-form label { color: var(--fliq-text); font: 500 14px/1.45 "Geist", system-ui, sans-serif; }
body.fliq-app .form input,
body.fliq-app .form textarea,
body.fliq-app .form select,
body.fliq-app .review-form input:not([type="checkbox"]),
body.fliq-app .review-form textarea {
  min-height: 46px;
  color: var(--fliq-text);
  background: var(--fliq-surface-1);
  border: 1px solid var(--fliq-line-strong);
  border-radius: 9px;
  font: 400 15px/1.45 "Geist", system-ui, sans-serif;
}
body.fliq-app .form textarea,
body.fliq-app .review-form textarea { min-height: 112px; }
body.fliq-app .form input::placeholder,
body.fliq-app .form textarea::placeholder { color: var(--fliq-muted-soft); }
body.fliq-app input[type="checkbox"] { accent-color: var(--fliq-lime); }
body.fliq-app .check { color: var(--fliq-text); font-size: 14px; }
body.fliq-app .note,
body.fliq-app .notice,
body.fliq-app .notice.ok {
  max-width: 760px;
  border: 1px solid #ff8a3d66;
  border-left: 3px solid var(--fliq-warning);
  border-radius: 9px;
  color: #ffd4b8;
  background: #ff8a3d12;
}
body.fliq-app .notice { white-space: pre-wrap; }
body.fliq-app .notice.ok { border-color: #c8ff2e55; border-left-color: var(--fliq-lime); color: var(--fliq-text); background: #c8ff2e0c; }
body.fliq-app .row,
body.fliq-app .row:nth-child(even) {
  background: transparent;
  border-bottom-color: var(--fliq-line);
}
body.fliq-app .row { padding: 15px 12px; }
body.fliq-app .row:hover { background: #ffffff05; }
body.fliq-app .filename { color: var(--fliq-text); }
body.fliq-app .filename:hover { color: var(--fliq-lime); }
body.fliq-app .status {
  color: var(--fliq-lime);
  background: #c8ff2e0c;
  border-color: #c8ff2e55;
  font: 500 11px/1.2 "Geist Mono", monospace;
}
body.fliq-app .metricline {
  border: 1px solid var(--fliq-line);
  border-radius: 12px;
  background: var(--fliq-surface-1);
}
body.fliq-app .metric strong { color: var(--fliq-text); font-family: "Unbounded", "Geist", sans-serif; font-size: 25px; font-weight: 500; }
body.fliq-app .metric span { color: var(--fliq-muted); font: 11px/1.35 "Geist Mono", monospace; }
body.fliq-app .recovery {
  border: 1px solid #c8ff2e55;
  border-radius: 12px;
  color: var(--fliq-lime);
  background: var(--fliq-surface-1);
  font: 600 18px/1.45 "Geist Mono", monospace;
}
body.fliq-app .small { color: var(--fliq-muted); font: 12px/1.5 "Geist", system-ui, sans-serif; }
body.fliq-app .empty-state,
body.fliq-app .empty-row { color: var(--fliq-muted); }
body.fliq-app .empty-block,
body.fliq-app .empty-library {
  border: 1px dashed var(--fliq-line-strong);
  border-radius: 12px;
  background: var(--fliq-surface-1);
}
body.fliq-app .auth-form,
body.fliq-app .submit-review,
body.fliq-app .review-form,
body.fliq-app .metadata-editor,
body.fliq-app .metadata-block {
  border-color: var(--fliq-line);
  border-radius: 12px;
  background: var(--fliq-surface-1);
  box-shadow: none;
  backdrop-filter: none;
}
body.fliq-app .auth-form { padding: 26px; }
body.fliq-app .auth-form h2 { margin: 0 0 18px; font-size: 19px; }
body.fliq-app .auth-copy .steps { color: var(--fliq-text); font: 500 14px/2 "Geist", system-ui, sans-serif; }
body.fliq-app .auth-actions a { color: var(--fliq-muted); font: 500 13px/1.4 "Geist", system-ui, sans-serif; }
body.fliq-app .auth-actions a:hover { color: var(--fliq-lime); }
body.fliq-app .auth-art { border-color: var(--fliq-line); opacity: .72; }
body.fliq-app .auth-art i { background: linear-gradient(var(--fliq-lime),var(--fliq-violet)); }
body.fliq-app .studio-entry {
  border: 1px solid var(--fliq-line-strong);
  border-radius: 16px;
  background: var(--fliq-surface-1);
}
body.fliq-app .entry-copy { background: radial-gradient(ellipse at 15% 120%,#c8ff2e10,transparent 48%),var(--fliq-surface-1); }
body.fliq-app .offer-status { border-color: var(--fliq-line); background: var(--fliq-bg); }
body.fliq-app .tag-chip { border-color: #c8ff2e44; color: var(--fliq-lime); background: #c8ff2e0c; }
body.fliq-app .dropzone {
  border-color: #a99bff88;
  border-radius: 12px;
  background: #14171c;
}
body.fliq-app .dropzone.dragover { border-color: var(--fliq-lime); background: #c8ff2e0c; }
body.fliq-app .dropzone input::file-selector-button { border-radius: 999px; background: var(--fliq-lime); color: var(--fliq-bg); }
body.fliq-app .submit-review { border-color: #a99bff66; }
body.fliq-app .submit-review .note { border-color: #a99bff66; border-left-color: var(--fliq-violet); color: #e4ddff; background: #a99bff10; }
body.fliq-app .metadata-block { border-width: 0; border-top: 1px solid var(--fliq-line); border-radius: 0; padding: 18px 0; }
body.fliq-app .conflict-actions { margin-top: 10px; }
body.fliq-app .library-filters {
  background: var(--fliq-surface-1);
  border-color: var(--fliq-line);
}
body.fliq-app .library-filters input:not([type="checkbox"]),
body.fliq-app .library-filters select { min-height: 46px; background: var(--fliq-bg); border-color: var(--fliq-line-strong); }
body.fliq-app .fliq-player { --player-bg: var(--fliq-surface-1); --player-edge: var(--fliq-line-strong); --player-text: var(--fliq-text); --player-muted: var(--fliq-muted); --player-accent: var(--fliq-lime); }
body.fliq-app :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline-color: var(--fliq-lime); }
@media (max-width: 850px) {
  body.fliq-app .studio-shell { grid-template-columns: 1fr; }
  body.fliq-app .sidebar { position: static; height: auto; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--fliq-line); }
  body.fliq-app .sidebar > .brand { display: none; }
  body.fliq-app .side-label,
  body.fliq-app .sidebar-bottom { display: none; }
  body.fliq-app .studio-nav { display: flex; gap: 5px; overflow-x: auto; }
  body.fliq-app .studio-nav a { flex: 0 0 auto; padding: 9px 12px; }
  body.fliq-app .mobile-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border-bottom: 1px solid var(--fliq-line); }
  body.fliq-app .auth-mode .sidebar { display: none; }
  body.fliq-app .auth-mode .mobile-header { display: flex; }
  body.fliq-app .auth-stage { grid-template-columns: minmax(0,1fr); gap: 18px; min-height: unset; }
  body.fliq-app .auth-form { max-width: none; }
}
@media (max-width: 520px) {
  body.fliq-app #app { padding: 24px 18px 48px; }
  body.fliq-app .studio-nav a { font-size: 13px; }
  body.fliq-app .studio-hero { align-items: flex-start; flex-direction: column; }
  body.fliq-app .metric { min-width: 50%; padding: 12px 14px; border-right: 0; border-bottom: 1px solid var(--fliq-line); }
  body.fliq-app .metric:nth-last-child(-n+2) { border-bottom: 0; }
  body.fliq-app .metric strong { font-size: 22px; }
  body.fliq-app .row { grid-template-columns: minmax(0,1fr); gap: 8px; }
  body.fliq-app .row .status { justify-self: start; }
  body.fliq-app .auth-form { padding: 20px 16px; }
  body.fliq-app .auth-copy h1 { font-size: clamp(26px,8vw,34px); }
}
@media (prefers-reduced-motion: reduce) {
  body.fliq-app .studio-nav a,
  body.fliq-app .button { transition: none; }
}
body.fliq-app .note {
  border: 1px solid var(--fliq-line);
  border-left: 3px solid var(--fliq-lime);
  color: var(--fliq-muted);
  background: var(--fliq-surface-1);
}
body.fliq-app .notice {
  border: 1px solid #ff8a3d66;
  border-left: 3px solid var(--fliq-warning);
  color: #ffd4b8;
  background: #ff8a3d12;
}
body.fliq-app .offer-status.is-closed h3,
body.fliq-app .offer-status.is-closed .eyebrow { color: var(--fliq-warning); }
body.fliq-app .auth-art i { background: var(--fliq-lime); }
body.fliq-app .submit-review { border-color: var(--fliq-line-strong); }
body.fliq-app .submit-review .note { border-color: var(--fliq-line); border-left-color: var(--fliq-lime); color: var(--fliq-muted); background: var(--fliq-surface-1); }

@media (max-width: 850px) {
  body.fliq-app .studio-nav {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 2px;
    overflow: visible;
  }
  body.fliq-app .studio-nav a {
    min-width: 0;
    min-height: 62px;
    flex: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 5px 2px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font: 500 11px/1.2 "Geist",system-ui,sans-serif;
  }
  body.fliq-app .studio-nav a svg { width: 16px; height: 16px; flex-basis: 16px; }
}
body.fliq-app .metadata-block {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 18px 0;
  padding: 22px 24px;
  border: 1px solid var(--fliq-line);
  border-radius: 16px;
  background: var(--fliq-surface-1);
}
@media (max-width: 520px) {
  body.fliq-app .metadata-block { padding: 16px; }
}
body.fliq-app .file-preview:empty { display: none; }
body.fliq-app .metadata-block p,
body.fliq-app .metadata-editor p,
body.fliq-app .review-row p,
body.fliq-app .note,
body.fliq-app .notice,
body.fliq-app .recovery,
body.fliq-app .filename,
body.fliq-app .transcript,
body.fliq-app pre {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}