:root{color-scheme:dark;--app-topbar-height: 68px;--app-drawer-bottom: 0px;--bg: #09090b;--sidebar: #0e0e11;--surface: #131316;--surface-raised: #18181c;--surface-soft: #1d1d22;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f4f4f5;--muted: #96969f;--muted-strong: #b8b8c1;--purple: #a77cff;--pink: #fa4d9b;--blue: #6bb5ff;--green: #55d6a0;--red: #ff7b80;--gradient: linear-gradient(110deg, #8d68ff 0%, #c35cff 46%, #fa4d9b 100%);--shadow: 0 22px 70px rgba(0, 0, 0, .34)}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes auth-ambient-breathe{0%,to{transform:translate3d(-7%,-4%,0) scale(.92);opacity:.34}50%{transform:translate3d(8%,5%,0) scale(1.08);opacity:.62}}@keyframes auth-ambient-drift{0%,to{transform:translate3d(8%,9%,0) rotate(-8deg) scale(.92);opacity:.2}50%{transform:translate3d(-7%,-5%,0) rotate(7deg) scale(1.08);opacity:.42}}*{box-sizing:border-box}html{scroll-behavior:smooth}#import-form,#collection,#download-actions{scroll-margin-top:84px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;z-index:10;display:flex;flex-direction:column;padding:22px 14px 18px;background:var(--sidebar);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;min-height:44px;padding:0 10px}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-icon{display:block;width:30px;height:30px;flex:0 0 auto}.brand-name{overflow:hidden;color:#f4f4f5;font-size:13px;font-weight:800;letter-spacing:.35px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.brand-logo{display:block;width:174px;max-width:100%;height:auto}.primary-nav{margin-top:32px}.nav-section{margin-top:30px}.nav-label{margin:0 12px 9px;color:#64646c;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.nav-item{position:relative;min-height:43px;display:flex;align-items:center;gap:12px;margin:3px 0;padding:0 12px;border-radius:9px;color:#aaaab3;font-size:12px;font-weight:600;transition:color .18s,background .18s,transform .18s}.nav-item:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#a675ff33,#fa4d9b12)}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:5px;background:var(--gradient)}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active svg{color:#bf9aff}.nav-item.subtle{font-weight:500;color:#777780}.sidebar-identity{margin:auto 5px 18px;padding:12px;overflow:hidden;border:1px solid rgba(167,124,255,.28);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.1),transparent 45%),linear-gradient(145deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff06}.identity-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.identity-heading span{color:#686872;font-size:7px;font-weight:800;letter-spacing:1.3px}.identity-heading b{padding:3px 5px;border:1px solid rgba(167,124,255,.2);border-radius:999px;background:#a77cff14;color:#bda5f5;font-size:6px;letter-spacing:.8px}.identity-profile{display:flex;align-items:center;gap:10px}.identity-orb{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7749ff,#f34d9c);color:#fff;box-shadow:0 8px 22px #c54cc833}.identity-orb svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.identity-account{min-width:0}.identity-account strong,.identity-account span{display:block}.identity-account strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.identity-account span{margin-top:4px;color:#777780;font-size:8px}.identity-validity{margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.065)}.identity-validity span,.identity-validity strong{display:block}.identity-validity span{color:#65656e;font-size:7px}.identity-validity strong{margin-top:4px;color:#c4adff;font-size:9px;font-weight:700;letter-spacing:.1px}.sidebar-logout{width:calc(100% - 10px);min-height:42px;display:flex;align-items:center;gap:10px;margin:-8px 5px 13px;padding:8px 11px;border:1px solid rgba(255,123,128,.15);border-radius:10px;background:#ff7b800e;color:#ff9297;text-align:left;transition:color .18s,border-color .18s,background .18s}.sidebar-logout:hover{border-color:#ff7b804d;background:#ff7b8017;color:#ffadb1}.sidebar-logout svg,.mobile-logout svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-logout span,.sidebar-logout strong,.sidebar-logout small{display:block}.sidebar-logout strong{color:currentColor;font-size:9px;font-weight:600}.sidebar-logout small{margin-top:3px;color:#5f5f68;font-size:7px}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #55d6a01a}.main-view{min-width:0}.topbar{position:relative;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;border-bottom:1px solid var(--line);background:#09090bd6;backdrop-filter:blur(18px)}.breadcrumb{color:#707078;font-size:11px}.breadcrumb a{color:#707078;transition:color .18s}.breadcrumb a:hover{color:#fff}.breadcrumb span{color:#ceced4;font-weight:600}.breadcrumb b{margin:0 9px;color:#3e3e44;font-weight:400}.topbar-actions{position:relative;display:flex;align-items:center;gap:17px}.notification-center{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:#9999a3;font-size:9px}.notification-center:hover,.notification-center[aria-expanded=true]{border-color:#a77cff61;color:#e4d9ff}.notification-center>span{color:#cbb3ff;font-size:14px;line-height:1;transform:rotate(45deg)}.notification-center i{min-width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#f05b9f;color:#fff;font-size:8px;font-style:normal;font-weight:800}.notification-center i[hidden]{display:none}.notification-panel{position:absolute;z-index:82;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 110px));overflow:auto;border:1px solid rgba(167,124,255,.28);border-radius:14px;background:#141218fa;box-shadow:0 18px 44px #00000075}.notification-panel[hidden]{display:none}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line);color:#eeeef1;font-size:11px}.notification-panel>header button{border:0;background:transparent;color:#777780;font-size:18px}.notification-list{display:grid;gap:8px;padding:10px}.notification-history-heading{margin:8px 5px 0;color:#777780;font-size:9px;font-weight:700;letter-spacing:.08em}.notification-empty{margin:16px 5px;color:#777780;font-size:10px;text-align:center}.notification-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.notification-item.is-unread{border-color:#a77cff61;background:#a77cff0f}.notification-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-item h3{margin:0;color:#eeeef1;font-size:11px}.notification-item time{color:#6f6f78;font-size:8px;white-space:nowrap}.notification-item p{margin:9px 0 0;color:#a5a5ae;font-size:10px;line-height:1.65;white-space:pre-wrap}.notification-item-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.notification-item-actions button{padding:5px 8px;font-size:9px}.notification-modal{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px}.notification-modal[hidden]{display:none}.notification-modal-backdrop{position:absolute;inset:0;border:0;background:#050508c2;backdrop-filter:blur(8px)}.notification-modal-card{position:relative;z-index:1;width:min(100%,520px);display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 15px;padding:25px;border:1px solid rgba(167,124,255,.3);border-radius:16px;background:#141417;box-shadow:0 24px 80px #0000008a}.notification-modal-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.35);border-radius:12px;background:#a77cff1f;color:#d5baff;font-size:18px;font-weight:800}.notification-modal-copy h2{margin:6px 0;color:#f1eef7;font-size:19px}.notification-modal-copy time{color:#767681;font-size:8px}.notification-modal-copy p{margin:15px 0 0;color:#b1b0b8;font-size:11px;line-height:1.75;white-space:pre-wrap}.notification-modal-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.privacy-note{color:#66666f;font-size:9px}.mobile-logout{display:none;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,123,128,.2);border-radius:999px;background:#ff7b800e;color:#ff9297;font-size:8px}.mobile-logout:hover{border-color:#ff7b8038;color:var(--red)}.topbar-password-reminder{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(250,183,77,.26);border-radius:999px;background:#fab74d12;color:#d5b276;font-size:8px;white-space:nowrap}.topbar-password-reminder:hover{border-color:#fab74d8c;color:#f0cb84}.topbar-password-reminder i{width:13px;height:13px;display:inline-grid;place-items:center;border-radius:50%;background:#fab74d38;color:#f0cb84;font-size:9px;font-style:normal;font-weight:800}.topbar-password-reminder b{color:#f0cb84;font-weight:700}.topbar-tutorial,.topbar-support,.topbar-subscription{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:999px;color:#96939d;font-size:8px;font-weight:800;letter-spacing:.5px;white-space:nowrap;transition:border-color .18s,color .18s,background .18s}.topbar-tutorial:hover,.topbar-tutorial.active,.topbar-support:hover,.topbar-support.active,.topbar-subscription:hover,.topbar-subscription.active{border-color:#a855f773;background:#a855f712;color:#d8b4fe}.topbar-tutorial svg,.topbar-support svg,.topbar-subscription svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.suno-connection{min-width:0;max-width:108px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:#8d8d97;font-size:8px;font-weight:800;letter-spacing:.5px;cursor:pointer}.suno-connection:hover{border-color:#a855f773;color:#d8b4fe}.suno-connection i{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:#666672}.suno-connection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suno-connection[data-state=online]{border-color:#34d39947;color:#b7ead8}.suno-connection[data-state=online] i{background:var(--green);box-shadow:0 0 0 4px #34d39914}.suno-connection[data-state=waiting]{border-color:#a855f757;background:#a855f70e;color:#c9adf5}.suno-connection[data-state=waiting] i{background:#a855f7;box-shadow:0 0 0 4px #a855f717}.suno-connection[data-state=cached]{border-color:#fbbf245c;background:#fbbf2411;color:#f0cb84}.suno-connection[data-state=cached] i{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2417}.suno-connection[data-state=offline]{border-color:#fbbf2438;color:#cdb276}.suno-connection[data-state=offline] i{background:#fbbf24}.suno-connection[data-state=missing]{color:#74747d}.suno-account-panel{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:286px;padding:13px;border:1px solid rgba(168,85,247,.3);border-radius:14px;background:#141218fa;box-shadow:0 18px 44px #0000006b}.suno-account-panel[hidden]{display:none}.suno-account-panel-status{display:flex;align-items:center;gap:6px;color:#a78bfa;font-size:8px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.suno-account-panel-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #34d39914}.suno-extension-install{display:grid;gap:8px;margin-top:13px;padding:12px;border:1px solid rgba(250,183,77,.25);border-radius:10px;background:#fab74d0f}.suno-extension-install strong{color:#f0cb84;font-size:11px}.suno-extension-install span{color:#9b8b70;font-size:9px;line-height:1.55}.suno-extension-actions{display:flex;flex-wrap:wrap;gap:7px}.suno-extension-install a{width:fit-content;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:9px;font-weight:800;text-decoration:none}.suno-extension-install a[data-suno-extension-manager]{border-color:#ffffff24;background:#ffffff0f;color:#d6c8e8}.suno-extension-install a:hover{filter:brightness(1.1)}.suno-extension-update{display:grid;gap:8px;margin-top:13px;padding:12px;border:1px solid rgba(168,85,247,.28);border-radius:10px;background:#a855f712}.suno-extension-update[hidden]{display:none}.suno-extension-update strong{color:#e8d5ff;font-size:11px}.suno-extension-update span{color:#a995bc;font-size:9px;line-height:1.55}.suno-extension-update a{width:fit-content;padding:7px 10px;border-radius:7px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:9px;font-weight:800;text-decoration:none}.suno-extension-update a:hover{filter:brightness(1.1)}.suno-account-profile{display:flex;align-items:center;gap:10px;margin-top:13px;min-width:0}.suno-account-avatar{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(236,72,153,.4);border-radius:12px;background:#17131e}.suno-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}.suno-account-copy{min-width:0}.suno-account-copy strong,.suno-account-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suno-account-copy strong{color:#f4f1f5;font-size:11px}.suno-account-copy span{margin-top:4px;color:#88828e;font-size:9px}.suno-account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}.suno-account-metrics div{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff06}.suno-account-metrics .suno-account-membership{grid-column:1 / -1;background:linear-gradient(105deg,#a855f717,#ec489909)}.suno-account-metrics span,.suno-account-metrics strong{display:block}.suno-account-metrics span{color:#79737e;font-size:8px}.suno-account-metrics strong{margin-top:4px;color:#e8d5ff;font-size:12px}.mobile-brand{display:none}.content-shell{width:calc(100% - 48px);margin:0 auto}[data-workspace-page]{display:contents}[data-workspace-slot][aria-busy=true]{cursor:progress}.global-upload-status{border:1px solid #7853ab;border-radius:18px;background:#22182e;color:#e5d0ff;padding:7px 12px;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap}.global-upload-status[data-state=error]{color:#ffd59c;border-color:#96743b}@media(max-width:700px){.global-upload-status{max-width:125px;overflow:hidden;text-overflow:ellipsis;padding:6px;font-size:10px}}.tutorial-body{overflow:hidden}.tutorial-body .app-shell{height:100dvh;min-height:0}.tutorial-body .main-view{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}.tutorial-body .content-shell{width:100%;height:auto;min-height:0;overflow:hidden;padding:14px}.tutorial-page{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:13px;margin:0}.tutorial-sidebar,.tutorial-stage{min-height:0;border:1px solid var(--line);border-radius:17px;background:#121216c7}.tutorial-sidebar{display:flex;flex-direction:column;padding:20px 16px;overflow:hidden}.tutorial-intro{display:flex;align-items:center;gap:12px;padding:2px 4px 18px;border-bottom:1px solid var(--line)}.tutorial-intro-mark{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(168,85,247,.3);border-radius:13px;background:#a855f717;color:#b999ff;font-size:22px;font-weight:300}.tutorial-intro h1{margin:4px 0 2px;font-size:20px;letter-spacing:-.6px}.tutorial-intro p{margin:0;color:#6f6b75;font-size:8px}.tutorial-index{display:grid;gap:8px;margin-top:16px}.tutorial-index button{width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;transition:border-color .18s,background .18s}.tutorial-index button:hover{border-color:#a855f733;background:#a855f70a}.tutorial-index button.active{border-color:#a855f74d;background:linear-gradient(100deg,#a855f724,#ec48990b)}.tutorial-index b{color:#a78bfa;font-size:10px;letter-spacing:1px}.tutorial-index span{min-width:0}.tutorial-index strong,.tutorial-index small{display:block}.tutorial-index strong{color:#e8e6eb;font-size:10px}.tutorial-index small{overflow:hidden;margin-top:4px;color:#6f6b75;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tutorial-index i{color:#75658d;font-size:14px;font-style:normal}.tutorial-sidebar-note{margin:auto 4px 0;padding-top:14px;border-top:1px solid var(--line);color:#68636e;font-size:8px;line-height:1.6}.tutorial-sidebar-note i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--green)}.tutorial-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 93% 8%,rgba(168,85,247,.1),transparent 28%),#121216c7}.tutorial-section{height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(20px,3vh,30px)}.tutorial-section[hidden]{display:none}.tutorial-section-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:21px;border-bottom:1px solid var(--line)}.tutorial-section-heading>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.26);border-radius:14px;background:#a855f712;color:#b999ff;font-size:12px;font-weight:800}.tutorial-section-heading small{color:#8b6bc7;font-size:8px;font-weight:800;letter-spacing:1.4px}.tutorial-section-heading h2{margin:5px 0 7px;color:#f1eff3;font-size:21px}.tutorial-section-heading p{margin:0;color:#77727c;font-size:10px;line-height:1.65}.tutorial-steps{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:clamp(12px,2.4vh,20px) 0 0;padding:0;list-style:none}.tutorial-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);align-content:start;gap:11px;min-height:138px;padding:17px 15px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#ffffff05}.tutorial-steps li>b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#a855f71f;color:#c4a5ff;font-size:9px}.tutorial-steps strong{color:#dedbe1;font-size:10px}.tutorial-steps p{margin:7px 0 0;color:#76717b;font-size:9px;line-height:1.65}.tutorial-steps code{padding:2px 5px;border:1px solid rgba(168,85,247,.18);border-radius:5px;background:#a855f712;color:#bca5e9;font-family:Consolas,monospace;font-size:8px}.tutorial-actions{display:flex;justify-content:flex-end;margin-top:clamp(10px,2vh,17px)}.tutorial-actions .button{min-width:136px;text-align:center}.tools-body{overflow:hidden}.tools-body .app-shell{height:100dvh;min-height:0}.tools-body .main-view{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}.tools-body .content-shell{width:100%;height:auto;min-height:0;overflow:hidden;padding:14px}.tools-page{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:13px}.tools-sidebar,.tools-stage{min-height:0;border:1px solid var(--line);border-radius:17px;background:#121216c7}.tools-sidebar{padding:16px;overflow:hidden}.tools-nav-fold{height:100%}.tools-nav-fold>summary{display:none}.tools-index{display:grid;gap:8px}.tools-index button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.tools-index button:hover{border-color:#a855f733;background:#a855f70a;transform:translate(1px)}.tools-index button.active{border-color:#a855f752;background:linear-gradient(100deg,#a855f726,#ec48990d)}.tools-index button[hidden]{display:none}.tools-index-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.2);border-radius:11px;background:#a855f712;color:#aa8de6}.tools-index button.active .tools-index-icon{border-color:#d371ff6b;color:#d4b5ff;box-shadow:0 0 18px #a855f71a}.tools-index-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tools-index button>span:nth-child(2){min-width:0}.tools-index strong,.tools-index small{display:block}.tools-index strong{color:#e8e6eb;font-size:10px}.tools-index small{overflow:hidden;margin-top:4px;color:#6f6b75;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tools-index button>i{color:#75658d;font-size:14px;font-style:normal}.tools-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(168,85,247,.1),transparent 31%),#121216c7}.tools-panel{height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(18px,2.5vw,28px)}.tools-panel[hidden]{display:none}.tools-service-canvas{min-height:210px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:clamp(22px,3.2vw,38px);border:1px solid rgba(255,255,255,.065);border-radius:15px;background:linear-gradient(135deg,#ffffff06,#a855f706)}.tools-service-symbol{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.3);border-radius:16px;background:#a855f717;color:#c4a5ff;box-shadow:0 12px 36px #00000029}.tools-service-symbol svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.tools-service-copy{min-width:0}.tools-service-copy span,.tools-service-copy strong{display:block}.tools-service-copy span{color:#8b6bc7;font-size:8px;font-weight:800;letter-spacing:1.35px}.tools-service-copy strong{margin-top:8px;color:#f0edf3;font-size:21px}.tools-service-copy p{margin:8px 0 0;color:#77727c;font-size:10px;line-height:1.65}.tools-service-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(52,211,153,.2);border-radius:999px;background:#34d3990e;color:#7dddb7;font-size:8px;white-space:nowrap}.tools-service-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #34d3998c}.tools-service-status.premium{border-color:#a855f73d;background:#a855f712;color:#c4a5ff}.tools-service-status.premium i{background:#a78bfa;box-shadow:0 0 8px #a855f78c}.audio-tool-workbench{height:100%;min-height:0;display:grid;grid-template-rows:minmax(120px,.5fr) minmax(190px,1.5fr);gap:14px}.audio-wave-panel,.audio-tool-controls{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}.audio-wave-panel{display:flex;flex-direction:column;overflow:hidden;padding:18px}.audio-tool-heading,.audio-tool-controls-heading,.audio-tool-wave-toolbar,.audio-tool-controls-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-tool-heading{align-items:flex-start;flex:0 0 auto}.audio-tool-heading h2,.audio-tool-controls-heading h2{margin:6px 0 0;color:#eeeaf3;font-size:17px}.audio-tool-file-name{max-width:45%;overflow:hidden;color:#87818f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.audio-tool-wave-toolbar{flex:0 0 auto;justify-content:flex-start;margin-top:0}.audio-tool-file-picker{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(167,124,255,.32);border-radius:9px;background:#a77cff17;color:#d8c8f2;font-size:9px;cursor:pointer}.audio-tool-file-picker:hover{border-color:#a77cff9e;background:#a77cff29}.audio-tool-file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.audio-tool-wave-toolbar .button{min-height:34px;margin:0}.audio-tool-wave-toolbar .button svg{width:13px;height:13px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audio-tool-time{margin-left:auto;color:#827b89;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.audio-tool-wave-wrap{position:relative;min-height:0;flex:1 1 auto;margin-top:14px;overflow:hidden;border:1px solid rgba(167,124,255,.2);border-radius:11px;background:radial-gradient(circle at 50% 0,rgba(167,124,255,.09),transparent 63%),#0b0b0f;cursor:crosshair}.audio-tool-wave-wrap.is-dragging{border-color:#a77cffb3;background:radial-gradient(circle at 50% 0,rgba(167,124,255,.18),transparent 63%),#0d0b12}.audio-tool-wave-wrap:focus-visible{outline:2px solid rgba(167,124,255,.58);outline-offset:2px}.audio-tool-wave-wrap canvas{display:block;width:100%;height:100%}.audio-wave-panel>audio{display:none}.audio-tool-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;color:#77717e;text-align:center;pointer-events:none}.audio-tool-empty[hidden]{display:none}.audio-tool-empty-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:3px;border:1px solid rgba(167,124,255,.22);border-radius:13px;background:#a77cff14;color:#b295e9;font-size:25px}.audio-tool-empty strong{color:#bab3c5;font-size:11px}.audio-tool-empty small{color:#67616f;font-size:8px}.audio-tool-playhead{position:absolute;z-index:2;top:0;bottom:0;width:2px;transform:translate(-1px);background:#f472c3;box-shadow:0 0 10px #f472c3cc;pointer-events:none}.audio-tool-selection{position:absolute;z-index:1;top:0;bottom:0;border-left:1px solid rgba(198,168,255,.8);border-right:1px solid rgba(198,168,255,.8);background:#a77cff21;pointer-events:none}.audio-tool-wave-hint{flex:0 0 auto;margin-top:8px;color:#65606d;font-size:8px}.audio-tool-range{width:100%;height:12px;flex:0 0 auto;margin:8px 0 0;appearance:none;background:transparent;cursor:ew-resize}.audio-tool-range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#7251f7,#d642b8)}.audio-tool-range::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;appearance:none;border:2px solid #19151f;border-radius:50%;background:#c6a9ff;box-shadow:0 0 0 1px #c6a9ffbf}.audio-tool-range::-moz-range-track{height:3px;border:0;border-radius:999px;background:linear-gradient(90deg,#7251f7,#d642b8)}.audio-tool-range::-moz-range-thumb{width:9px;height:9px;border:2px solid #19151f;border-radius:50%;background:#c6a9ff}.audio-tool-controls{display:flex;flex-direction:column;overflow:auto;padding:16px 18px 14px}.audio-tool-controls-heading{align-items:flex-start}.audio-tool-controls-heading.status-only{justify-content:flex-end;min-height:5px}.audio-tool-status{display:inline-flex;align-items:center;gap:6px;color:#817b88;font-size:8px;white-space:nowrap}.audio-tool-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#5b5662}.audio-tool-status[data-state=ready]{color:#75d1aa}.audio-tool-status[data-state=ready]:before{background:#4ade80;box-shadow:0 0 7px #4ade808c}.audio-tool-status[data-state=error]{color:#ff979d}.audio-tool-status[data-state=error]:before{background:#fb7185}.audio-tool-meta{display:grid;grid-template-columns:minmax(0,2fr) repeat(6,minmax(62px,1fr));gap:8px;margin-top:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#08080b61}.audio-tool-meta[hidden]{display:none}.audio-tool-meta>div{min-width:0;display:grid;gap:4px}.audio-tool-meta span{color:#686271;font-size:8px}.audio-tool-meta strong{overflow:hidden;color:#c9c3d2;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.audio-tool-operation-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.audio-tool-operation-tab{min-height:30px;padding:5px 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff06;color:#aaa2b3;font:inherit;font-size:9px;cursor:pointer}.audio-tool-operation-tab:hover,.audio-tool-operation-tab.is-active{border-color:#a77cff80;background:#a77cff21;color:#dccbfa}.audio-tool-operation-tab:disabled{cursor:not-allowed;opacity:.45}.audio-tool-operation-panel{min-height:0}.audio-tool-operation-panel[hidden]{display:none}.audio-tool-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.audio-tool-control-grid label{position:relative;display:grid;gap:6px;color:#9e98a6;font-size:9px}.audio-tool-control-grid input,.audio-tool-control-grid select{width:100%;min-height:35px;box-sizing:border-box;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;outline:0;background:#09090c9e;color:#e8e2f0;font:inherit;font-size:9px}.audio-tool-control-grid input:focus,.audio-tool-control-grid select:focus{border-color:#a77cff8f;box-shadow:0 0 0 3px #a77cff14}.audio-tool-control-grid input:disabled,.audio-tool-control-grid select:disabled{opacity:.45}.audio-tool-control-grid label>small{position:absolute;right:10px;bottom:10px;color:#625d6a;font-size:8px;pointer-events:none}.audio-tool-format-picker{position:relative;min-width:0}.audio-tool-format-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.audio-tool-format-trigger{width:100%;min-width:0;min-height:35px;display:grid;grid-template-columns:minmax(0,1fr) 9px;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;outline:0;background:#09090c9e;color:#e8e2f0;font:inherit;font-size:9px;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.audio-tool-format-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-tool-format-trigger>i{width:6px;height:6px;justify-self:center;border-right:1.5px solid #9993a4;border-bottom:1.5px solid #9993a4;transform:translateY(-2px) rotate(45deg);transition:transform .16s}.audio-tool-format-trigger:hover,.audio-tool-format-trigger[aria-expanded=true]{border-color:#a77cff8f;background:#14111bf0;box-shadow:0 0 0 3px #a77cff14}.audio-tool-format-trigger[aria-expanded=true]>i{transform:translateY(2px) rotate(225deg)}.audio-tool-format-trigger:disabled{cursor:not-allowed;opacity:.45}.audio-tool-format-menu{position:absolute;z-index:45;top:calc(100% + 7px);left:0;right:0;padding:5px;border:1px solid rgba(167,124,255,.34);border-radius:12px;background:#19171f;box-shadow:0 18px 42px #00000080,0 0 0 1px #ffffff06 inset}.audio-tool-format-menu[hidden]{display:none}.audio-tool-format-option{width:100%;min-height:31px;display:flex;align-items:center;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:#b9b2c2;font:inherit;font-size:9px;text-align:left;cursor:pointer}.audio-tool-format-option:hover,.audio-tool-format-option:focus-visible{outline:0;background:#a77cff1c;color:#eee7f8}.audio-tool-format-option[aria-selected=true]{background:#a77cff2b;color:#d7c2ff}.audio-tool-format-option[aria-selected=true]:before{content:"";width:5px;height:5px;flex:0 0 5px;margin-right:6px;border-radius:50%;background:#b38aff;box-shadow:0 0 7px #b38affbf}.audio-tool-controls-footer{align-items:center;flex:0 0 auto;margin-top:auto;padding-top:11px;border-top:1px solid var(--line)}.audio-tool-controls-footer p{min-width:0;margin:0;overflow:hidden;color:#6d6774;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.audio-tool-controls-footer .button{flex:0 0 auto;min-height:34px;margin:0}.lyrics-workbench{height:100%;min-height:0;display:flex;flex-direction:column;gap:14px}.lyrics-toolbar{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#08080b7a}.lyrics-toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.lyrics-toolbar-heading>span{color:#a8a2ad;font-size:9px;font-weight:750;letter-spacing:.45px}.lyrics-toolbar-heading label{display:flex;align-items:center;gap:7px;color:#6f6a75;font-size:8px}.lyrics-tone-picker{position:relative;min-width:90px}.lyrics-tone-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.lyrics-tone-trigger{width:100%;min-width:0;height:27px;display:grid;grid-template-columns:minmax(0,1fr) 9px;align-items:center;gap:7px;padding:0 8px 0 9px;border:1px solid var(--line);border-radius:8px;background:#101014;color:#aaa4b0;font:inherit;font-size:8px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.lyrics-tone-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-tone-trigger>i{width:6px;height:6px;justify-self:center;border-right:1.5px solid #9993a4;border-bottom:1.5px solid #9993a4;transform:translateY(-2px) rotate(45deg);transition:transform .15s}.lyrics-tone-trigger:hover{border-color:#a77cff61;background:#a77cff0e}.lyrics-tone-trigger:focus-visible,.lyrics-tone-picker.is-open .lyrics-tone-trigger{outline:0;border-color:#a77cff;box-shadow:0 0 0 3px #a77cff21}.lyrics-tone-picker.is-open .lyrics-tone-trigger>i{transform:translateY(2px) rotate(225deg)}.lyrics-tone-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;padding:4px;border:1px solid rgba(167,124,255,.28);border-radius:11px;background:#16151b;box-shadow:0 14px 35px #0000007a,0 0 0 1px #ffffff06 inset}.lyrics-tone-menu[hidden]{display:none}.lyrics-tone-option{width:100%;min-width:0;min-height:27px;display:flex;align-items:center;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#b9b7c0;font:inherit;font-size:8px;text-align:left;cursor:pointer}.lyrics-tone-option:hover,.lyrics-tone-option:focus-visible{outline:0;background:#a77cff1c;color:#eee9f6}.lyrics-tone-option[aria-selected=true]{background:linear-gradient(100deg,#a77cff33,#a77cff14);color:#f2eaff}.lyrics-tone-option[aria-selected=true]:before{content:"";width:5px;height:5px;flex:0 0 5px;margin-right:6px;border-radius:50%;background:#b38aff;box-shadow:0 0 7px #b38affbf}.lyrics-process-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lyrics-process-actions .button{min-height:30px;padding:5px 10px;font-size:8px}.lyrics-process-actions .button:hover:not(:disabled){border-color:#a77cff57;background:#a77cff16;color:#e3d9fa}.lyrics-footer .button svg{width:13px;height:13px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lyrics-process-actions .button.is-loading svg{animation:lyrics-sparkle 1s ease-in-out infinite}@keyframes lyrics-sparkle{50%{opacity:.38;transform:rotate(22deg) scale(.86)}}.lyrics-editor-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;flex:1}.lyrics-editor-card{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}.lyrics-result-card{border-color:#a77cff21;background:linear-gradient(145deg,#a77cff09,#ffffff02)}.lyrics-editor-heading{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.lyrics-editor-heading>div{display:flex;align-items:center;gap:8px}.lyrics-editor-heading>div>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.2);border-radius:7px;background:#a77cff12;color:#a88ce0;font:700 7px/1 Consolas,monospace}.lyrics-editor-heading strong{color:#dcd8e1;font-size:9px}.lyrics-editor-heading button{padding:4px 2px;border:0;background:transparent;color:#68636d;font-size:8px}.lyrics-editor-heading button:hover{color:#b9afc5}.lyrics-result-state{display:inline-flex;align-items:center;gap:5px;color:#68636d;font-size:8px}.lyrics-result-state:before{width:5px;height:5px;border-radius:50%;background:#5e5963;content:""}.lyrics-result-state.is-ready{color:#78cba8}.lyrics-result-state.is-ready:before{background:var(--green);box-shadow:0 0 7px #34d39980}.lyrics-textarea{width:100%;min-height:0;max-height:none;height:auto;flex:1 1 auto;resize:vertical;overflow-y:auto;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#070709b8;color:#ddd9e2;font-family:SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:15px;line-height:1.75;outline:0;scrollbar-color:#343039 transparent}.lyrics-textarea::placeholder{color:#504b54}.lyrics-textarea:focus{border-color:#a77cff7a;box-shadow:0 0 0 3px #a77cff12}.lyrics-result-card .lyrics-textarea{color:#d7cbee}.lyrics-stats{padding:7px 2px 0;color:#5f5a64;font-size:7px;text-align:right}.lyrics-footer{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.lyrics-footer p{min-width:0;margin:0;overflow:hidden;color:#68636d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.lyrics-footer p[data-state=working]{color:#b99ae9}.lyrics-footer p[data-state=success]{color:#72cca5}.lyrics-footer p[data-state=warning]{color:#e1bd73}.lyrics-footer p[data-state=error]{color:#ff858b}.lyrics-footer>div{display:flex;gap:7px;flex:none}.lyrics-footer .button{min-height:32px;padding:6px 11px;font-size:8px}.custom-model-workbench{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:14px}.custom-model-form,.custom-model-library{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}.custom-model-form{display:flex;flex-direction:column;padding:18px}.custom-model-section-heading,.custom-model-library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.custom-model-section-heading h2,.custom-model-library-heading h2{margin:7px 0 0;color:#eeeaf3;font-size:16px}.custom-model-plan-pill{padding:4px 7px;border:1px solid rgba(167,124,255,.28);border-radius:999px;background:#a77cff17;color:#bfa4f7;font-size:7px;font-weight:800;letter-spacing:.12em}.custom-model-field{display:grid;gap:7px;margin-top:22px;color:#b3afba;font-size:9px}.custom-model-field input{width:100%;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;outline:0;background:#09090c8f;color:#e8e2f0;font:inherit;font-size:10px}.custom-model-field input::placeholder{color:#615b68}.custom-model-field input:focus{border-color:#a77cff7a;box-shadow:0 0 0 3px #a77cff14}.custom-model-create-actions{display:grid;grid-template-columns:minmax(58px,.42fr) minmax(0,1fr);gap:8px;margin-top:11px}.custom-model-create-actions .button{width:100%;min-height:38px;margin-top:0;font-size:9px}.custom-model-create{display:inline-flex;align-items:center;justify-content:center;gap:7px}.custom-model-clear{color:#b8b0c4}.custom-model-create svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.custom-model-points{display:grid;gap:4px;margin-top:11px;padding:11px 12px;border-radius:9px;background:#a77cff17}.custom-model-points strong{color:#d4c4f4;font-size:9px}.custom-model-points span{color:#9483b7;font-size:8px}.custom-model-divider{height:1px;margin:18px -18px 15px;background:#ffffff12}.custom-model-material-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.custom-model-material-heading>div{display:grid;gap:4px}.custom-model-material-heading>div>span{color:#b3afba;font-size:9px}.custom-model-material-heading small{color:#68636f;font-size:7px}.custom-model-material-heading strong{color:#f1edf6;font-size:17px;font-variant-numeric:tabular-nums}.custom-model-material-heading strong b{color:#d9c4ff;font-weight:800}.custom-model-material-rule{margin:7px 0 10px;color:#817a8e;font-size:8px}.custom-model-selection{min-height:0;flex:1;overflow-y:auto;padding:7px;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:#07070a4d;scrollbar-color:#393442 transparent;scrollbar-width:thin}.custom-model-selection-empty{min-height:130px;display:grid;place-items:center;color:#77717e;font-size:8px;text-align:center}.custom-model-selection-item{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:6px 9px 6px 6px;border-radius:7px;background:#a77cff14;color:#cbc1dd;font-size:8px}.custom-model-selection-item+.custom-model-selection-item{margin-top:5px}.custom-model-selection-cover{width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:linear-gradient(140deg,#5431bae6,#d34a9fbf);color:#ffffffd1;font-size:11px}.custom-model-selection-cover img{width:100%;height:100%;object-fit:cover}.custom-model-selection-item>span:not(.custom-model-selection-cover){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-model-selection-item button{width:20px;height:20px;flex:0 0 20px;padding:0;border:0;border-radius:6px;background:transparent;color:#837792;font-size:16px;line-height:1}.custom-model-selection-item button:hover{background:#ffffff0f;color:#e5d6fb}.custom-model-status{display:grid;gap:7px;margin-top:14px}.custom-model-status>span{color:#847c8e;font-size:8px}.custom-model-status p{min-height:39px;margin:0;padding:11px 12px;border-radius:8px;background:#ffffff0e;color:#89828f;font-size:8px;line-height:1.5}.custom-model-status p[data-state=working]{color:#b99ae9}.custom-model-status p[data-state=success]{color:#72cca5}.custom-model-status p[data-state=warning]{color:#e1bd73}.custom-model-status p[data-state=error]{color:#ff858b}.custom-voice-status-host{position:fixed;top:82px;right:24px;z-index:1200;display:block;width:min(360px,calc(100vw - 48px));margin:0;pointer-events:none}.custom-voice-status-host>span{display:block;margin:0 0 7px 10px;color:#b99ae9;font-size:8px}.custom-voice-status-host p{min-height:0;margin:0;padding:11px 13px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#1f1e25f5;box-shadow:0 12px 34px #00000047;font-size:8px;line-height:1.5}.custom-voice-status-host p[data-state=working]{color:#b99ae9}.custom-voice-status-host p[data-state=success]{color:#72cca5}.custom-voice-status-host p[data-state=warning]{color:#e1bd73}.custom-voice-status-host p[data-state=error]{color:#ff858b}.custom-model-library{display:flex;flex-direction:column;padding:18px}.custom-model-library-heading{flex:0 0 auto}.custom-model-library-heading h2{font-size:17px}.custom-model-library-actions{display:flex;align-items:center;gap:10px;color:#77717e;font-size:8px}.custom-model-library-actions .text-button{font-size:8px}.custom-model-search{min-height:35px;display:flex;align-items:center;gap:8px;margin-top:15px;padding:0 11px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:#08080b73}.custom-model-search svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:#77707f;stroke-width:1.7;stroke-linecap:round}.custom-model-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#ded8e9;font:inherit;font-size:9px}.custom-model-search input::placeholder{color:#635d69}.custom-model-song-list{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto;margin-top:10px;padding-right:3px;scrollbar-color:#393442 transparent;scrollbar-width:thin}.custom-model-song{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#09090c80;transition:border-color .16s,background .16s}.custom-model-song:hover{border-color:#a77cff52;background:#a77cff0b}.custom-model-song.is-selected{border-color:#a77cff8a;background:#a77cff1a;box-shadow:0 0 0 1px #a77cff14 inset}.custom-model-song.is-unavailable{opacity:.52}.custom-model-song-select{width:100%;min-width:0;min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:left}.custom-model-song-select:not(:disabled){cursor:pointer}.custom-model-song-select:focus-visible{outline:1px solid rgba(167,124,255,.68);outline-offset:-1px}.custom-model-song-cover{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(140deg,#5431bae6,#d34a9fbf);color:#ffffffd1;font-size:14px}.custom-model-song-cover img{width:100%;height:100%;object-fit:cover}.custom-model-song-copy{min-width:0;display:grid;gap:5px}.custom-model-song-copy strong{overflow:hidden;color:#ddd7e6;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.custom-model-song-copy small{overflow:hidden;color:#77717f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.custom-model-song-check{width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:#88808f;font-size:11px}.custom-model-song.is-selected .custom-model-song-check{border-color:#b48cff;background:#9b70ec;color:#fff}.custom-voice-persona{position:relative;display:flex;align-items:stretch}.custom-voice-persona .custom-model-song-select{flex:1 1 auto}.custom-voice-persona-visibility,.custom-voice-persona-remove{flex:0 0 auto;align-self:center;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:transparent;color:#8f8798;font:inherit;font-size:8px;cursor:pointer}.custom-voice-persona-visibility{margin-right:5px}.custom-voice-persona-visibility:hover{border-color:#a77cff99;color:#d7c5ff}.custom-voice-persona-remove{flex:0 0 auto;align-self:center;min-height:24px;margin:0 8px 0 0;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:transparent;color:#8f8798;font:inherit;font-size:8px;cursor:pointer}.custom-voice-persona-remove:hover{border-color:#f8717199;color:#fca5a5}.custom-model-song-empty{grid-column:1 / -1;min-height:190px;display:grid;place-items:center;color:#77717e;font-size:9px;text-align:center}.custom-voice-form{overflow-y:auto}.custom-voice-source{min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;margin-top:20px;padding:9px;border:1px solid rgba(167,124,255,.2);border-radius:10px;background:#a77cff12;color:#d6c9ec}.custom-voice-source-empty{grid-column:1 / -1;color:#77717e;font-size:8px;text-align:center}.custom-voice-source-cover{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(140deg,#5431bae6,#d34a9fbf);color:#ffffffd1;font-size:14px}.custom-voice-source-cover img{width:100%;height:100%;object-fit:cover}.custom-voice-source-copy{min-width:0;display:grid;gap:4px}.custom-voice-source-copy strong,.custom-voice-source-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-voice-source-copy strong{color:#eee9f5;font-size:10px}.custom-voice-source-copy small{color:#898291;font-size:8px}.custom-voice-range-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:15px;color:#b3afba;font-size:9px}.custom-voice-range-heading small{color:#68636f;font-size:7px}.custom-voice-range-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:7px;margin-top:7px;color:#77717e;font-size:8px}.custom-voice-range-fields label{display:grid;gap:4px}.custom-voice-range-fields input{width:100%;min-height:32px;box-sizing:border-box;padding:0 9px;border:1px solid rgba(255,255,255,.11);border-radius:8px;outline:0;color:#e8e2f0;background:#09090c8f;font:inherit;font-size:9px}.custom-voice-range-fields input:disabled{opacity:.48}.custom-voice-field{margin-top:13px}.custom-voice-field textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:56px;padding:9px 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;outline:0;background:#09090c8f;color:#e8e2f0;font:inherit;font-size:10px}.custom-voice-field textarea::placeholder{color:#615b68}.custom-voice-field textarea:focus{border-color:#a77cff7a;box-shadow:0 0 0 3px #a77cff14}.custom-voice-public{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#aaa3b2;font-size:9px}.custom-voice-public input{accent-color:#ef4da5}.custom-voice-library-tabs{display:flex;gap:7px;margin-top:13px;padding-bottom:1px;border-bottom:1px solid rgba(255,255,255,.07)}.custom-voice-library-tabs button{min-height:29px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#827b8d;font:inherit;font-size:8px;cursor:pointer}.custom-voice-library-tabs button[aria-selected=true]{border-bottom-color:#b78cff;color:#eee8f8}.custom-voice-persona-detail{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:10px}.custom-voice-persona-detail-heading{display:flex;align-items:center;gap:9px;min-height:30px;color:#ded5ee;font-size:10px}.custom-voice-persona-detail-heading .text-button{margin-right:auto}.custom-voice-persona-detail-heading small{color:#77717e;font-size:8px}.custom-voice-persona-detail .custom-model-song-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-top:3px}.custom-voice-track-card{min-width:0;border-radius:10px;background:transparent}.custom-voice-track-card .custom-model-song-select{display:block;min-height:0;padding:0;text-align:left}.custom-voice-track-card .custom-model-song-select:focus-visible{outline-offset:3px}.custom-voice-track-cover{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(140deg,#5431bae6,#d34a9fbf);color:#ffffffd1;font-size:19px;box-shadow:0 0 18px #a77cff24}.custom-voice-track-cover img{width:100%;height:100%;object-fit:cover}.custom-voice-track-duration,.custom-voice-track-version{position:absolute;top:7px;padding:3px 6px;border-radius:5px;background:#0e0e12d6;color:#f4eff8;font-size:8px;line-height:1}.custom-voice-track-duration{left:7px}.custom-voice-track-version{left:49px;color:#d0c4dc}.custom-voice-track-title{display:block;overflow:hidden;margin-top:8px;color:#e5dfeb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.custom-voice-non-public-summary{min-height:150px;display:grid;align-content:center;justify-items:center;gap:5px;color:#e8e2ee;text-align:center}.custom-voice-non-public-summary strong{font-size:18px;font-weight:500}.custom-voice-non-public-summary span{font-size:10px}.custom-voice-track-more{grid-column:1 / -1;min-height:34px;border:1px solid rgba(167,124,255,.28);border-radius:8px;background:#a77cff0f;color:#bda5f5;font:inherit;font-size:9px}.custom-voice-track-more:hover{border-color:#a77cff8c;background:#a77cff1f}.support-body .content-shell{width:100%;padding:14px}.support-page{width:100%;display:grid;gap:14px;margin:0}.support-hero{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:22px 26px 22px 32px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 90% 20%,rgba(168,85,247,.16),transparent 30%),#121216c7}.support-hero-copy{min-width:0;display:flex;align-items:center;gap:22px}.support-hero-icon{width:64px;height:64px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(168,85,247,.3);border-radius:19px;background:#a855f717;color:#c4a5ff}.support-hero-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.support-hero h1{margin:8px 0 7px;font-size:30px;letter-spacing:-1.1px}.support-hero p{max-width:650px;margin:0;color:#817c86;font-size:10px;line-height:1.7}.support-wechat{display:flex;flex:0 0 auto;align-items:center;gap:15px;padding:9px 17px 9px 9px;border:1px solid rgba(168,85,247,.24);border-radius:16px;background:#07070985}.support-wechat img{width:132px;height:132px;display:block;object-fit:contain;border-radius:10px;background:#fff}.support-wechat span,.support-wechat strong,.support-wechat small{display:block}.support-wechat span{color:#896cc2;font-size:7px;font-weight:800;letter-spacing:1.2px}.support-wechat strong{margin-top:7px;color:#eeeaf2;font-size:15px}.support-wechat small{margin-top:7px;color:#77717c;font-size:8px;line-height:1.65}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-grid article{min-height:175px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:15px;background:#121216b3}.support-grid article>span{color:#a78bfa;font-size:9px;font-weight:800;letter-spacing:1px}.support-grid h2{margin:12px 0 8px;color:#ece9ef;font-size:16px}.support-grid p{margin:0 0 16px;color:#77727c;font-size:9px;line-height:1.65}.support-grid a,.support-grid strong{margin-top:auto;color:#bd9cff;font-size:9px;font-weight:700}.support-checklist{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:21px 24px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.support-checklist h2{margin:5px 0 0;font-size:15px}.support-checklist ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0;padding:0;list-style:none}.support-checklist li{padding:7px 10px;border:1px solid rgba(168,85,247,.18);border-radius:999px;background:#a855f70e;color:#91849f;font-size:8px}.subscription-body .content-shell{width:100%;padding:14px}.subscription-page{width:min(1180px,100%);display:grid;gap:17px;margin:0 auto 34px}.subscription-heading{position:relative;display:grid;justify-items:center;padding:24px 210px 4px;text-align:center}.subscription-heading-copy h1{margin:7px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500;letter-spacing:-1.4px}.subscription-heading-copy p{margin:0;color:#817b86;font-size:10px}.subscription-current{position:absolute;top:23px;right:0;min-width:178px;padding:10px 14px;border:1px solid rgba(168,85,247,.2);border-radius:999px;background:#a855f70e;text-align:left}.subscription-current span,.subscription-current strong{display:block}.subscription-current span{color:#756b80;font-size:8px}.subscription-current strong{margin-top:4px;color:#d4c1ff;font-size:9px}.subscription-periods{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px}.subscription-periods button{display:flex;align-items:center;gap:7px;padding:7px 11px;border:0;border-radius:999px;background:transparent;color:#817b86;text-align:center;transition:background .18s,color .18s}.subscription-periods button:hover{color:#cbbbe0}.subscription-periods button.active{background:#a855f71f;color:#f0eaf7}.subscription-periods i{width:13px;height:13px;display:grid;place-items:center;border:1px solid #5d5662;border-radius:50%}.subscription-periods button.active i{border-color:#a78bfa;box-shadow:inset 0 0 0 3px #18141f;background:#a78bfa}.subscription-periods span{font-size:10px;font-weight:800}.subscription-periods small{color:#716979;font-size:8px}.subscription-periods button.active small{color:#a894bd}.subscription-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}.subscription-plans[hidden],.subscription-plan-panels[hidden]{display:none}.subscription-state{padding:42px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff06;color:#a8a1ad;text-align:center;font-size:11px}.subscription-state-error{border-color:#fa4d9b47;color:#f2a8c8}.subscription-card{min-height:540px;display:flex;flex-direction:column;padding:26px 25px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,#2f23329e,#19191df5 48%);box-shadow:0 20px 52px #0003}.subscription-pro{border-color:#fa4d9bc7;background:linear-gradient(180deg,#48283ab3,#1b181efa 48%);box-shadow:0 24px 62px #7827582e}.subscription-max{background:linear-gradient(180deg,#412d2fa8,#1a1a1df7 48%)}.subscription-card-header{min-height:82px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.subscription-card-header h2{margin:0;font-family:Georgia,Times New Roman,serif;color:#f0e9f1;font-size:24px;font-weight:500}.subscription-card-header p{max-width:230px;margin:8px 0 0;color:#a09aa3;font-size:10px;line-height:1.55}.subscription-card-header>span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffff1a;color:#d0c8d2;font-size:7px;font-weight:800}.subscription-pro .subscription-card-header>span{background:linear-gradient(120deg,#f45aa5,#fa4d9b);color:#fff}.subscription-price{min-height:78px;margin-top:15px}.subscription-price strong{color:#f6f2f6;font-size:24px;font-weight:720;letter-spacing:-.8px}.subscription-price>span{margin-left:6px;color:#9b939d;font-size:10px}.subscription-price small{display:block;margin-top:7px;color:#716b73;font-size:8px;line-height:1.5}.subscription-choose{min-height:48px;display:grid;place-items:center;margin:17px 0 25px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#29292e;color:#aaa5ad;font-size:11px;font-weight:800;transition:transform .18s,filter .18s}.subscription-choose:hover{transform:translateY(-1px);filter:brightness(1.1)}.subscription-choose.featured{border-color:transparent;background:linear-gradient(110deg,#8d68ff,#e34eb3 54%,#fa7044);color:#fff}.subscription-max .subscription-choose{background:#f1edef;color:#181619}.subscription-card.is-disabled{opacity:.62;filter:saturate(.55)}.subscription-card.is-disabled .subscription-card-header>span{background:#ffffff14;color:#aaa3ad}.subscription-choose.is-disabled{cursor:not-allowed;opacity:.7}.subscription-features{display:grid;gap:13px;margin:0;padding:19px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none}.subscription-features li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;color:#ded9df;font-size:10px;line-height:1.45}.subscription-features i{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#2dd36f1a;color:#42d77c;font-size:8px;font-style:normal;font-weight:900}.subscription-feature-muted{color:#77717d!important}.subscription-feature-muted i{background:#ffffff0f;color:#77717d}.subscription-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}.subscription-quota{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff09}.subscription-quota span,.subscription-quota small{display:block;color:#958d99;font-size:8px}.subscription-quota strong{display:block;margin:4px 0 2px;color:#f1ebf3;font-size:19px;letter-spacing:-.4px}.subscription-quota small{color:#716a75;line-height:1.35}.subscription-menu-title{margin:0 0 -5px;color:#a79caf;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.subscription-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#716b76;font-size:8px}.subscription-note i{width:5px;height:5px;border-radius:50%;background:#a78bfa}.app-toast{position:fixed;z-index:60;top:82px;right:24px;width:min(360px,calc(100% - 32px));display:flex;align-items:flex-start;gap:12px;padding:13px 13px 13px 15px;border:1px solid rgba(250,183,77,.35);border-radius:12px;background:#211b12f5;box-shadow:0 18px 45px #00000059;color:#f0cb84;font-size:10px;line-height:1.5}.app-toast[hidden]{display:none}.app-toast:before{content:"!";width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:50%;background:#fab74d33;font-size:10px;font-weight:800}.app-toast[data-type=success]{border-color:#55d6a059;background:#0e271ff5;color:#8fe8c5}.app-toast[data-type=success]:before{content:"\2713";background:#55d6a033}.app-toast[data-type=error]{border-color:#ff7b8061;background:#2c1418f7;color:#ffb0b4}.app-toast[data-type=error]:before{content:"\d7";background:#ff7b8033}.app-toast[data-type=warning]:before{content:"!"}.app-toast button{margin-left:auto;padding:0 2px;border:0;background:transparent;color:#a68b5d;font-size:17px;line-height:16px}.app-toast[data-type=success] button{color:#72b99f}.app-toast[data-type=error] button{color:#c47b80}.app-toast button:hover{color:#fff}.suno-refresh-prompt{position:fixed;z-index:62;top:82px;right:24px;width:min(360px,calc(100% - 48px));display:flex;align-items:flex-start;gap:12px;padding:13px 13px 13px 15px;border:1px solid rgba(250,183,77,.35);border-radius:12px;background:#211b12f5;box-shadow:0 18px 45px #00000059;color:#f0cb84;font-size:10px;line-height:1.5}.suno-refresh-prompt[hidden]{display:none}.suno-refresh-prompt:before{content:"!";width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:50%;background:#fab74d33;font-size:10px;font-weight:800}.suno-refresh-prompt button{margin-left:auto;padding:0 2px;border:0;background:transparent;color:#a68b5d;font-size:17px;line-height:16px}.suno-refresh-prompt button:hover{color:#fff}.account-renewal-prompt{position:fixed;z-index:61;top:82px;left:24px;width:min(390px,calc(100% - 48px));display:flex;align-items:flex-start;gap:12px;padding:13px 13px 13px 15px;border:1px solid rgba(255,123,128,.42);border-radius:12px;background:#261418f7;box-shadow:0 18px 45px #00000061;color:#ffb7bb;font-size:10px;line-height:1.5}.account-renewal-prompt[hidden]{display:none}.account-renewal-prompt:before{content:"!";width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:50%;background:#ff7b8033;color:#ffb7bb;font-size:10px;font-weight:800}.account-renewal-prompt button{margin-left:auto;padding:0 2px;border:0;background:transparent;color:#b77f84;font-size:17px;line-height:16px}.account-renewal-prompt button:hover{color:#fff}.hero{position:relative;min-height:267px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 54px;margin:32px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 76% 25%,rgba(155,80,255,.22),transparent 34%),radial-gradient(circle at 91% 78%,rgba(250,77,155,.13),transparent 29%),linear-gradient(120deg,#17171c,#111114 56%,#15111a);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{color:#b999ff;font-size:9px;font-weight:800;letter-spacing:1.6px}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:22px;height:2px;border-radius:2px;background:var(--gradient)}h1{margin:16px 0 12px;font-size:clamp(34px,3.2vw,49px);font-weight:720;line-height:1.14;letter-spacing:-2px}h1 em{color:transparent;font-style:normal;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.hero p{max-width:600px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.hero-visual{position:relative;z-index:1;width:294px;height:178px;flex:0 0 294px}.album{position:absolute;width:144px;height:144px;display:flex;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 35px #0006}.album-back{top:16px;left:5px;transform:rotate(-12deg);align-items:flex-end;padding:14px;background:radial-gradient(circle at 70% 25%,#f598c3,transparent 27%),linear-gradient(150deg,#7335ff,#d545a6 54%,#21152f);color:#ffffffad;font-size:10px;font-weight:800;letter-spacing:3px}.album-mid{top:10px;left:81px;transform:rotate(4deg);align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#8de2ff,transparent 25%),linear-gradient(145deg,#186ac4,#6943d6 58%,#151729);color:#fffc;font-size:48px;font-weight:800}.album-front{top:22px;right:0;transform:rotate(11deg);flex-direction:column;justify-content:space-between;padding:18px;background:radial-gradient(circle at 78% 21%,#ffb857,transparent 22%),linear-gradient(140deg,#f8498e,#813eff 64%,#201137)}.album-front b{font-size:16px;line-height:.95;letter-spacing:-.7px}.mini-wave{display:flex;align-items:center;gap:3px;height:28px}.mini-wave i{width:3px;height:11px;border-radius:4px;background:#fff}.mini-wave i:nth-child(2){height:23px}.mini-wave i:nth-child(3){height:16px}.mini-wave i:nth-child(4){height:27px}.mini-wave i:nth-child(5){height:9px}.studio{display:grid;grid-template-columns:335px minmax(0,1fr);min-height:590px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.input-panel{padding:28px 24px;border-right:1px solid var(--line);background:#111114}.panel-heading,.panel-heading>div,.queue-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading>div{justify-content:flex-start;gap:12px}.panel-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--gradient);color:#fff;font-size:20px;font-weight:300}h2{margin:4px 0 0;font-size:19px;font-weight:680;letter-spacing:-.35px}.limit-pill{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#73737d;font-size:8px;font-weight:800;letter-spacing:1px}.muted{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.75}form{margin-top:25px}form label{display:flex;justify-content:space-between;margin-bottom:10px;color:#c9c9cf;font-size:11px;font-weight:600}form label span{color:#707079;font-size:10px;font-weight:500}textarea{width:100%;height:190px;min-height:125px;max-height:390px;resize:vertical;padding:14px;border:1px solid var(--line-strong);border-radius:11px;background:#0c0c0f;color:var(--text);font-size:11px;line-height:1.8;transition:border-color .18s,box-shadow .18s,background .18s}textarea::placeholder{color:#505057}textarea:hover{background:#0f0f12}textarea:focus{border-color:#9468ec;box-shadow:0 0 0 3px #9468ec21}.input-foot{min-height:32px;display:flex;align-items:center;justify-content:space-between;color:#66666e;font-size:9px}.input-foot>span{display:inline-flex;align-items:center;gap:6px}.input-foot i{width:4px;height:4px;border-radius:50%;background:var(--green)}.text-button{padding:5px;border:0;background:transparent;color:#aaaab2;font-size:10px}.text-button:hover{color:#fff}.text-button.danger:hover{color:var(--red)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:9px;color:#fff;font-size:11px;font-weight:720;white-space:nowrap;transition:filter .18s,transform .18s,border-color .18s,background .18s}.button:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.button.primary{background:var(--gradient);box-shadow:0 8px 22px #be4fd029}.button.ghost{border-color:var(--line-strong);background:#ffffff09;color:#d2d2d8}.button.compact{min-height:34px;padding:7px 12px;font-size:9px}.full{width:100%}.workflow-note{margin-top:31px;padding-top:21px;border-top:1px solid var(--line)}.workflow-note>span{color:#65656e;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.workflow-note ol{display:grid;gap:11px;margin:15px 0 0;padding:0;list-style:none}.workflow-note li{display:flex;align-items:center;gap:10px;color:#7d7d85;font-size:10px}.workflow-note li b{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:7px;color:#b7b7c0;font-size:8px}.queue-panel{min-width:0;display:flex;flex-direction:column;padding:29px 28px 0}.queue-heading{align-items:flex-start}.queue-heading h2{display:flex;align-items:center;gap:9px;margin-top:7px}.count-badge{padding:3px 6px;border-radius:6px;background:var(--surface-soft);color:#92929b;font-size:9px;font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px}.stats>div{min-width:0;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised)}.stats>div>div{min-width:0}.stats strong,.stats span{display:block}.stats strong{font-size:17px;font-weight:670;font-variant-numeric:tabular-nums}.stats div div span{margin-top:3px;overflow:hidden;color:#74747c;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.stat-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:800}.stat-icon.all{background:#9169ff21;color:#ad8bff}.stat-icon.ready{background:#55d6a01c;color:var(--green)}.stat-icon.error{background:#ff7b801a;color:var(--red)}.stat-icon.format{background:#6bb5ff1a;color:var(--blue);font-size:10px}#stat-ready{color:var(--green)}.queue-toolbar{min-height:48px;display:flex;align-items:center;gap:10px;margin-top:15px;border-bottom:1px solid var(--line);color:#91919a;font-size:10px}.queue-toolbar label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.queue-toolbar>span{margin-left:auto;color:#65656d;font-size:9px}input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#a871ff;cursor:pointer}.error,.notice{margin:13px 0 0;padding:11px 12px;border-radius:9px;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.error{border:1px solid rgba(255,123,128,.25);background:#ff7b8013;color:#ffb4b7}.notice{border:1px solid rgba(167,124,255,.22);background:#a77cff12;color:#cdb8ff}.empty{min-height:276px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 12px}.empty-covers{position:relative;width:166px;height:83px;margin-bottom:17px}.empty-covers>div{position:absolute;top:7px;left:52px;width:70px;height:70px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(145deg,#6134d4,#d34799);box-shadow:0 12px 25px #0000004d}.empty-covers>div:first-child{left:15px;transform:rotate(-12deg);background:linear-gradient(145deg,#20599b,#5544c9)}.empty-covers>div:last-child{left:90px;transform:rotate(12deg);background:linear-gradient(145deg,#b9477d,#e67947)}.empty-covers span{position:absolute;right:8px;bottom:6px;color:#ffffff8c;font-size:7px;font-weight:800}.empty-covers i{position:absolute;width:45px;height:45px;left:-10px;top:-10px;border:8px solid rgba(255,255,255,.1);border-radius:50%}.empty h3{margin:0;font-size:13px;font-weight:650}.empty p{margin:8px 0 19px;color:#71717a;font-size:10px}.empty-path{display:inline-flex;align-items:center;gap:9px;color:#57575f;font-size:8px}.empty-path b{color:#797982;font-weight:600}.empty-path i{font-style:normal}.song-list{flex:1;max-height:460px;overflow:auto;padding-top:4px;scrollbar-color:#3d3d45 transparent;scrollbar-width:thin}.song-row{min-width:0;display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:#ffffff05;transition:border-color .18s,background .18s}.song-row:hover{border-color:var(--line);background:#ffffff09}.song-number{width:17px;flex:0 0 17px;color:#66666e;font-size:9px;font-variant-numeric:tabular-nums}.song-cover{position:relative;width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(140deg,#5431ba,#d34a9f 58%,#e58c53);color:#ffffffd9;font-size:18px}.song-cover:after{content:"";position:absolute;width:36px;height:36px;left:-13px;top:-14px;border:8px solid rgba(255,255,255,.1);border-radius:50%}.song-cover img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.song-copy{min-width:0;flex:1}.song-title{display:block;overflow:hidden;color:#e8e8eb;font-size:11px;font-weight:620;line-height:1.8;white-space:nowrap;text-overflow:ellipsis}.song-title:hover{text-decoration:underline}.song-meta{overflow-wrap:anywhere;color:#777780;font-size:9px;line-height:1.65}.song-meta.failure{color:var(--red)}.song-copy progress{margin-top:7px;height:3px}.song-status{max-width:90px;flex:0 0 auto;color:#93939c;font-size:9px;text-align:right}.song-status.ready{color:var(--green)}.song-status.error{color:var(--red)}.save-link{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(167,124,255,.28);border-radius:8px;background:#a77cff14;color:#c3a8ff;font-size:9px;font-weight:700;white-space:nowrap}.save-link:hover{background:#a77cff26}.batch-progress{margin:16px 0 0;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.batch-progress>div{display:flex;justify-content:space-between;margin-bottom:9px;color:#a9a9b1;font-size:9px}progress{width:100%;height:4px;display:block;overflow:hidden;border:0;border-radius:8px;background:#2a2a30}progress::-webkit-progress-bar{background:#2a2a30}progress::-webkit-progress-value{border-radius:8px;background:var(--gradient)}progress::-moz-progress-bar{background:var(--gradient)}.queue-actions{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;border-top:1px solid var(--line)}.queue-actions>span{color:#6d6d75;font-size:9px;line-height:1.6}.queue-actions>div{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hero-actions{display:flex;gap:9px;margin-top:23px}.dashboard-hero{min-height:310px}.dashboard-hero .hero-copy{max-width:680px}.dashboard-orbit{position:relative;z-index:1;width:300px;height:210px;flex:0 0 300px}.orbit-ring{position:absolute;border:1px solid rgba(183,133,255,.23);border-radius:50%;transform:rotate(-13deg)}.ring-one{inset:26px 41px}.ring-two{inset:5px 17px;border-color:#fa4d9b21;transform:rotate(22deg)}.orbit-core{position:absolute;left:50%;top:50%;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.12),transparent 25%),linear-gradient(145deg,#272331,#121216);box-shadow:0 22px 55px #00000080;transform:translate(-50%,-50%)}.orbit-core:after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-brand-icon{position:relative;z-index:1;width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(184,86,255,.28))}.orbit-chip{position:absolute;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#131318d4;box-shadow:0 8px 22px #00000052;color:#c7c7cf;font-size:8px;font-weight:800;letter-spacing:1px;backdrop-filter:blur(8px)}.orbit-chip.wav{left:13px;top:46px;color:#bba0ff}.orbit-chip.local{right:0;top:55px;color:#72e0b0}.orbit-chip.batch{left:65px;bottom:6px;color:#ff8abb}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-bottom:14px}.dashboard-card{position:relative;min-height:235px;display:flex;flex-direction:column;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .2s,border-color .2s,background .2s}.dashboard-card:hover{transform:translateY(-3px);border-color:#a77cff4d;background:#17171b}.dashboard-card.feature-card{background:radial-gradient(circle at 92% 10%,rgba(250,77,155,.17),transparent 32%),radial-gradient(circle at 15% 90%,rgba(120,83,255,.17),transparent 38%),var(--surface)}.dashboard-card.feature-card:after{content:"";position:absolute;right:-42px;bottom:-55px;width:150px;height:150px;border:24px solid rgba(167,124,255,.055);border-radius:50%}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dashboard-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:19px}.dashboard-icon.download{background:var(--gradient);box-shadow:0 8px 22px #be4fd033}.dashboard-icon.upload{background:#6bb5ff1a;color:var(--blue)}.dashboard-icon.library{background:#55d6a01a;color:var(--green)}.dashboard-icon.account{background:#fa4d9b1a;color:var(--pink)}.card-status{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#676770;font-size:8px;font-weight:700}.card-status.live{display:inline-flex;align-items:center;gap:5px;color:#82dcb6}.card-status.live i{width:5px;height:5px;border-radius:50%;background:var(--green)}.dashboard-card h2{margin:8px 0;font-size:17px}.dashboard-card p{max-width:330px;margin:0;color:#777780;font-size:10px;line-height:1.75}.card-link{position:relative;z-index:1;margin-top:auto;padding-top:20px;color:#aaaab3;font-size:9px;font-weight:650}.card-link b{margin-left:5px;color:#b690ff}.overview-panel{padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-heading h2{margin-top:6px}.service-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#8d8d96;font-size:8px}.service-state i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #55d6a017}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px}.capability-grid article{display:flex;gap:11px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:11px;background:#ffffff05}.capability-grid article>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.18);border-radius:7px;color:#a783ee;font-size:7px;font-weight:800}.capability-grid h3{margin:2px 0 7px;font-size:10px;font-weight:650}.capability-grid p{margin:0;color:#686870;font-size:8px;line-height:1.7}.page-heading{padding:52px 4px 27px;border-bottom:1px solid var(--line)}.page-heading h1{margin:12px 0 9px;font-size:clamp(34px,4vw,48px)}.page-heading p{margin:0;color:var(--muted);font-size:11px}.placeholder-panel{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:24px;padding:48px 20px;border:1px dashed var(--line-strong);border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(167,124,255,.08),transparent 33%),var(--surface);text-align:center}.upload-viewport-panel,.library-viewport-panel{min-height:calc(100vh - 116px);margin-bottom:24px}.workbench-empty-panel{min-height:calc(100vh - 116px);margin:24px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.placeholder-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:19px;border:1px solid rgba(255,255,255,.11);border-radius:20px;font-size:33px;box-shadow:0 17px 40px #00000047}.placeholder-icon.upload-icon{background:linear-gradient(145deg,#6bb5ff33,#8d68ff33);color:#9fcfff}.placeholder-icon.library-icon{background:linear-gradient(145deg,#55d6a02b,#6bb5ff24);color:#77ddba}.coming-pill{padding:5px 8px;border:1px solid rgba(167,124,255,.2);border-radius:999px;background:#a77cff12;color:#ba9dff;font-size:8px;font-weight:800;letter-spacing:1.3px}.placeholder-panel h2{margin:16px 0 9px;font-size:19px}.placeholder-panel p{margin:0 0 23px;color:#777780;font-size:10px}.upload-page-heading{padding-bottom:23px}.upload-page-heading h1{font-size:clamp(32px,3.3vw,44px)}.upload-workspace{min-height:calc(100vh - 116px);display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);grid-template-rows:minmax(520px,3fr) minmax(260px,2fr);grid-template-areas:"source queue" "source activity";gap:14px;align-items:stretch;margin:24px 0}.upload-control-card,.upload-queue-card,.upload-log-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.upload-control-card{grid-area:source;min-height:0;display:flex;flex-direction:column;padding:25px;background:radial-gradient(circle at 100% 0,rgba(107,181,255,.09),transparent 33%),var(--surface)}.upload-queue-card{grid-area:queue;min-height:520px;padding:25px 27px}.upload-log-card{grid-area:activity;min-height:260px;display:flex;flex-direction:column;margin:0;padding:22px 25px}.upload-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.upload-card-heading h2{margin-top:6px}.upload-queue-heading-meta{display:grid;justify-items:end;gap:7px}.upload-summary{color:#92929c;font-size:9px;white-space:nowrap}.upload-part-legend{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#65656e;font-size:7px}.upload-part-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.upload-part-legend span:before{content:"";width:6px;height:6px;border-radius:2px;background:#3a3a42}.upload-part-legend [data-state=uploading]:before{background:#9d72ff;box-shadow:0 0 7px #9d72ff80}.upload-part-legend [data-state=done]:before{background:var(--green)}.upload-part-legend [data-state=error]:before{background:var(--red)}.upload-bridge-gate{display:flex;align-items:center;gap:11px;margin-top:20px;padding:11px 12px;border:1px solid rgba(167,124,255,.2);border-radius:10px;background:#a77cff0e}.upload-bridge-gate>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#a77cff;box-shadow:0 0 0 4px #a77cff1a;animation:pulse 1.2s ease-in-out infinite}.upload-bridge-gate>div{min-width:0}.upload-bridge-gate strong,.upload-bridge-gate span{display:block}.upload-bridge-gate strong{color:#d9d9df;font-size:10px}.upload-bridge-gate span{margin-top:4px;color:#74747d;font-size:8px;line-height:1.55}.upload-bridge-gate[data-state=online]{border-color:#55d6a038;background:#55d6a00e}.upload-bridge-gate[data-state=online]>i{background:var(--green);box-shadow:0 0 0 4px #55d6a01a;animation:none}.upload-bridge-gate[data-state=offline]{border-color:#ff7b8033;background:#ff7b800d}.upload-bridge-gate[data-state=offline]>i{background:var(--red);box-shadow:0 0 0 4px #ff7b8017;animation:none}.upload-bridge-gate[data-state=missing]{border-color:#fab74d40;background:#fab74d0e}.upload-bridge-gate[data-state=missing]>i{background:#fbbf24;box-shadow:0 0 0 4px #fab74d1a;animation:none}.upload-drop-zone{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px;padding:22px;border:1px dashed rgba(167,124,255,.34);border-radius:13px;background:#09090b8c;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.upload-drop-zone:hover,.upload-drop-zone.is-dragging{border-color:#a77cff;background:#a77cff14;transform:translateY(-1px)}.upload-drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.upload-drop-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(167,124,255,.26);border-radius:12px;background:linear-gradient(145deg,#6bb5ff21,#a77cff29);color:#bca3f7;font-size:23px;font-weight:300}.upload-drop-zone strong{font-size:11px}.upload-drop-zone small{margin-top:7px;color:#666670;font-size:8px;line-height:1.55}.upload-options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px}.upload-options>label{display:grid;gap:7px;color:#9b9ba4;font-size:9px}.upload-number-field{height:38px;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:#0c0c0f;overflow:hidden}.upload-number-field input{width:100%;min-width:0;height:100%;padding:0 9px;border:0;outline:0;background:transparent;color:#eeeef1;font-size:11px}.upload-number-field b{padding-right:10px;color:#686871;font-size:8px;font-weight:600}.upload-pitch-control{display:grid;gap:9px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.upload-pitch-control>label{display:flex;align-items:center;justify-content:space-between;color:#9b9ba4;font-size:9px}.upload-pitch-control>label b{color:#b99cff;font-size:10px;font-variant-numeric:tabular-nums}.upload-pitch-slider{width:100%;height:18px;margin:1px 0 0;appearance:none;background:transparent;cursor:pointer}.upload-pitch-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#7251f7,#d642b8)}.upload-pitch-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:3px solid #17171b;border-radius:50%;background:#c6a9ff;box-shadow:0 0 0 1px #c6a9ffb3,0 0 12px #a77cff66}.upload-pitch-slider::-moz-range-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,#7251f7,#d642b8)}.upload-pitch-slider::-moz-range-thumb{width:11px;height:11px;border:3px solid #17171b;border-radius:50%;background:#c6a9ff;box-shadow:0 0 0 1px #c6a9ffb3}.upload-pitch-slider:focus-visible{outline:2px solid rgba(167,124,255,.65);outline-offset:3px;border-radius:999px}.upload-pitch-scale{display:flex;justify-content:space-between;margin-top:-7px;color:#5f5f68;font-size:7px;font-variant-numeric:tabular-nums}.upload-pitch-presets{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.upload-pitch-presets button{min-height:28px;padding:4px 5px;border:1px solid var(--line);border-radius:7px;background:#0c0c0f;color:#85858e;font-size:8px}.upload-pitch-presets button:hover,.upload-pitch-presets button.is-active{border-color:#a77cff6b;background:#a77cff1a;color:#cbb7fb}.upload-main-actions{position:sticky;bottom:-26px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:auto -25px -25px;padding:10px 25px;background:#111114}.upload-main-actions .button{min-height:48px}.upload-main-actions .button.primary{flex:1}.upload-stop{border-color:#ff7b803d!important;color:#ff9a9f!important}.upload-overall{margin-top:14px;padding:9px 11px;border:1px solid rgba(167,124,255,.17);border-radius:9px;background:#a77cff0b}.upload-overall>div{display:flex;justify-content:space-between;margin-bottom:6px;color:#9999a2;font-size:8px}.upload-overall b{color:#b99cff;font-variant-numeric:tabular-nums}.upload-empty{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.upload-empty>div{width:65px;height:65px;display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#6bb5ff1a,#a77cff1f);color:#9e83dd;font-size:25px}.upload-empty h3{margin:0;font-size:12px}.upload-empty p{margin:8px 0 0;color:#686871;font-size:9px}.upload-file-list{min-height:0;flex:1;margin-top:12px;padding:1px 1px 4px;overflow:hidden}.upload-workspace-settings{display:grid;gap:10px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#09090c6b}.upload-workspace-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-workspace-settings-heading>div{min-width:0;display:grid;gap:3px}.upload-workspace-settings-heading strong{color:#d9d9df;font-size:10px}.upload-workspace-settings-heading small,.upload-workspace-note{color:#707079;font-size:7px;line-height:1.5}.upload-workspace-settings-heading .text-button{flex:0 0 auto;font-size:7px}.upload-workspace-selects{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.upload-workspace-field{min-width:0;display:grid;gap:5px}.upload-workspace-field>span{color:#92929b;font-size:8px}.upload-workspace-picker{position:relative;min-width:0}.upload-workspace-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.upload-workspace-trigger{width:100%;min-width:0;height:36px;display:grid;grid-template-columns:minmax(0,1fr) 11px;align-items:center;gap:8px;padding:0 11px 0 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#ffffff09,#ffffff03),#111115;color:#d6d6dc;font:inherit;font-size:8px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.upload-workspace-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-workspace-trigger>i{width:7px;height:7px;justify-self:center;border-right:1.5px solid #9993a4;border-bottom:1.5px solid #9993a4;transform:translateY(-2px) rotate(45deg);transition:transform .15s}.upload-workspace-trigger:hover{border-color:#a77cff61;background:#a77cff0e}.upload-workspace-trigger:focus-visible,.upload-workspace-picker.is-open .upload-workspace-trigger{outline:0;border-color:#a77cff;box-shadow:0 0 0 3px #a77cff21}.upload-workspace-picker.is-open .upload-workspace-trigger>i{transform:translateY(2px) rotate(225deg)}.upload-workspace-trigger:disabled{cursor:not-allowed;opacity:.48}.upload-workspace-menu{position:absolute;z-index:40;top:calc(100% + 7px);left:0;right:0;max-height:190px;overflow-y:auto;padding:5px;border:1px solid rgba(167,124,255,.28);border-radius:13px;background:#16151b;box-shadow:0 14px 35px #0000007a,0 0 0 1px #ffffff06 inset;scrollbar-width:thin;scrollbar-color:#4a3e5c transparent}.upload-workspace-menu[hidden]{display:none}.upload-workspace-option{width:100%;min-width:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:#b9b7c0;font:inherit;font-size:8px;text-align:left;cursor:pointer}.upload-workspace-option>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-workspace-option>small{flex:0 0 auto;color:#6f6a77;font-size:7px}.upload-workspace-option:hover,.upload-workspace-option:focus-visible{outline:0;background:#a77cff1c;color:#eee9f6}.upload-workspace-option[aria-selected=true]{background:linear-gradient(100deg,#a77cff33,#a77cff14);color:#f2eaff}.upload-workspace-option[aria-selected=true]:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#b38aff;box-shadow:0 0 7px #b38affbf}.upload-workspace-note.is-error{color:#ff9297}.upload-workspace-note.is-warning{color:#dfb572}.upload-target-badge{max-width:145px;display:inline-flex;align-items:center;gap:5px;overflow:hidden;border:1px solid rgba(167,124,255,.15);border-radius:999px;padding:3px 7px;background:#a77cff0b;color:#9485b9;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.upload-target-badge:before{content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor}.upload-queue-browser{height:100%;min-height:0;display:grid;grid-template-columns:minmax(235px,38%) minmax(0,1fr);gap:11px}.upload-song-list,.upload-job-detail{min-width:0;min-height:0;border:1px solid var(--line);border-radius:12px;background:#09090c7a}.upload-song-list{padding:6px;overflow-y:auto;scrollbar-color:#34343d transparent;scrollbar-width:thin}.upload-song-list::-webkit-scrollbar,.upload-job-detail-body::-webkit-scrollbar{width:5px}.upload-song-list::-webkit-scrollbar-thumb,.upload-job-detail-body::-webkit-scrollbar-thumb{border-radius:999px;background:#34343d}.upload-file-item{min-width:0;border-top:1px solid transparent;border-radius:9px;transition:background .16s,box-shadow .16s}.upload-file-item+.upload-file-item{border-top:1px solid rgba(255,255,255,.045)}.upload-file-item.is-selected{background:linear-gradient(110deg,#a77cff1f,#a77cff09);box-shadow:inset 2px 0 #9e78f5}.upload-song-select{width:100%;min-width:0;min-height:59px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border:0;border-radius:inherit;background:transparent;text-align:left;cursor:pointer}.upload-song-select:hover{background:#a77cff0b}.upload-song-select:focus-visible{outline:1px solid rgba(167,124,255,.68);outline-offset:-1px}.upload-file-index{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.2);border-radius:8px;background:#a77cff0e;color:#ad91ee;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}.upload-file-copy{min-width:0}.upload-file-copy strong,.upload-file-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-copy strong{color:#e1e1e6;font-size:9px}.upload-file-copy span{margin-top:4px;color:#686871;font-size:7px}.upload-job-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:#85858e;font-size:7px;font-style:normal;white-space:nowrap}.upload-job-state:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;opacity:.7}.upload-file-item.status-uploading .upload-job-state,.upload-file-item.status-slicing .upload-job-state,.upload-file-item.status-merging .upload-job-state{color:#b99cff}.upload-file-item.status-done .upload-job-state{color:var(--green)}.upload-file-item.status-error .upload-job-state{color:var(--red)}.upload-job-detail{display:flex;flex-direction:column;overflow:hidden;padding:16px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.065),transparent 34%),#09090c80}.upload-job-detail-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.055)}.upload-job-detail-copy{min-width:0;flex:1}.upload-job-detail-copy strong,.upload-job-detail-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-job-detail-copy strong{color:#e6e6eb;font-size:11px}.upload-job-detail-copy span{margin-top:5px;color:#707079;font-size:7px}.upload-job-detail-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.upload-job-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0 13px}.upload-job-phase{position:relative;min-width:0;padding-top:15px;color:#5f5f68;font-size:7px;white-space:nowrap}.upload-job-phase:before{content:"";position:absolute;z-index:1;top:1px;left:0;width:7px;height:7px;border-radius:50%;background:#3a3a43;box-shadow:0 0 0 3px #111115}.upload-job-phase:not(:last-child):after{content:"";position:absolute;top:4px;left:11px;right:-2px;height:1px;background:#303038}.upload-job-phase.is-done{color:#73dcb1}.upload-job-phase.is-done:before{background:var(--green)}.upload-job-phase.is-done:not(:last-child):after{background:#55d6a059}.upload-job-phase.is-active{color:#b99cff}.upload-job-phase.is-active:before{background:#a77cff;box-shadow:0 0 0 3px #17131f,0 0 9px #a77cff8c}.upload-job-detail-body{min-height:0;flex:1;overflow-y:auto;scrollbar-color:#34343d transparent;scrollbar-width:thin}.upload-part-section{min-height:0}.upload-part-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:23px}.upload-part-heading-copy{min-width:0;display:flex;align-items:center;gap:7px}.upload-part-summary{color:#bdbdc5;font-size:8px;font-weight:700}.upload-part-count{color:#72727b;font-size:7px;white-space:nowrap}.upload-part-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(39px,1fr));gap:6px;margin-top:8px}.upload-part-tile{position:relative;min-width:0;height:43px;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#151519;color:#73737c;font-size:8px;font-variant-numeric:tabular-nums;transition:transform .14s,border-color .14s,background .14s,color .14s}.upload-part-tile i{position:absolute;right:5px;bottom:5px;width:4px;height:4px;border-radius:50%;background:#45454e}.upload-part-tile:hover,.upload-part-tile:focus-visible{z-index:1;transform:translateY(-1px);border-color:#a77cff6b;color:#d2c2fb;outline:none}.upload-part-tile[aria-pressed=true]{border-color:#aa84ff;box-shadow:0 0 0 2px #a77cff21;color:#eee9ff}.upload-part-tile.status-uploading{border-color:#a77cff6b;background:linear-gradient(145deg,#7b53ee47,#d542b821);color:#dccfff;animation:upload-tile-pulse 1.35s ease-in-out infinite}.upload-part-tile.status-uploading i{background:#c1a5ff;box-shadow:0 0 6px #c1a5ffcc}.upload-part-tile.status-done{border-color:#55d6a03d;background:#55d6a018;color:#8de7c0}.upload-part-tile.status-done i{background:var(--green)}.upload-part-tile.status-error{border-color:#ff7b8059;background:#ff7b8017;color:#ff9da1}.upload-part-tile.status-error i{background:var(--red)}.upload-part-detail{min-width:0;display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;border:1px solid rgba(167,124,255,.12);border-radius:9px;background:#0f0f13cc}.upload-part-detail-number{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;background:#a77cff17;color:#af91f3;font-size:7px;font-weight:800}.upload-part-detail-copy{min-width:0;flex:1}.upload-part-detail-copy strong,.upload-part-detail-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-part-detail-copy strong{color:#c9c9d0;font-size:8px}.upload-part-detail-copy span{margin-top:4px;color:#686871;font-size:7px}.upload-part-detail-copy span.is-error{color:#ff9297}.upload-part-detail>em{flex:0 0 auto;color:#777780;font-size:7px;font-style:normal}.upload-part-detail.status-done>em{color:var(--green)}.upload-part-detail.status-error>em{color:var(--red)}.upload-part-detail.status-uploading>em{color:#b99cff}.upload-job-detail-empty{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666670;text-align:center}.upload-job-detail-empty>span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:#a77cff14;color:#a385ec;font-size:18px}.upload-job-detail-empty strong{color:#a5a5ad;font-size:9px}.upload-job-detail-empty p{margin:6px 0 0;font-size:7px}@keyframes upload-tile-pulse{50%{box-shadow:inset 0 0 13px #a77cff1f,0 0 8px #a77cff14}}.upload-copy-button{min-height:27px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:transparent;color:#8d8d96;font-size:7px;white-space:nowrap}.upload-copy-button:hover{color:#c5acff;border-color:#a77cff45}.upload-merge-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:10px;border:1px solid rgba(167,124,255,.18);border-radius:9px;background:#a77cff0b}.upload-merge-result.status-done{border-color:#55d6a03d;background:#55d6a00e}.upload-merge-result.status-error{border-color:#ff7b8038;background:#ff7b800b}.upload-merge-copy{min-width:0}.upload-merge-result>.upload-target-badge{flex:0 1 auto}.upload-merge-copy strong,.upload-merge-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-merge-copy strong{color:#d2d2d8;font-size:9px}.upload-merge-copy span{margin-top:4px;color:#73737d;font-size:7px}.upload-merge-copy span.is-error{color:#ff9297}.upload-merge-link{min-height:27px;flex:0 0 auto;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(85,214,160,.25);border-radius:7px;background:#55d6a00e;color:#78dcb4;font-size:7px;font-weight:700;line-height:1;white-space:nowrap}.upload-merge-link:hover{border-color:#55d6a073;background:#55d6a017;color:#b5f5db}.upload-job-error{margin:11px 0 0;padding:9px 10px;border:1px solid rgba(255,123,128,.18);border-radius:8px;background:#ff7b800b;color:#ff9b9f;font-size:8px;line-height:1.6}.upload-log-card .upload-card-heading{align-items:center}.upload-log{min-height:0;flex:1;margin-top:16px;padding:10px 12px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#0c0c0f;scrollbar-color:#3d3d45 transparent;scrollbar-width:thin}.upload-log p{display:flex;gap:9px;margin:0;padding:5px 0;color:#85858e;font-size:8px;line-height:1.5;overflow-wrap:anywhere}.upload-log p.is-error{color:#ff9b9f}.upload-log p.is-success{color:#78dcb4}.upload-log time{flex:0 0 auto;color:#55555d;font-variant-numeric:tabular-nums}.download-page-heading{padding-bottom:23px}.download-page-heading h1{font-size:clamp(32px,3.3vw,44px)}.download-stack{min-height:calc(100vh - 116px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;margin-top:24px;margin-bottom:24px}.link-parser-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:14px 18px 14px 20px;border:1px solid rgba(167,124,255,.22);border-radius:14px;background:linear-gradient(110deg,#a77cff14,#fa4d9b0b);box-shadow:var(--shadow)}.link-parser-launcher>div{display:grid;gap:4px}.link-parser-launcher strong{color:#ededf0;font-size:12px}.link-parser-launcher>div>span:last-child{color:#777780;font-size:9px}.parse-modal{position:fixed;z-index:55;inset:0;display:grid;place-items:center;padding:24px}.parse-modal[hidden]{display:none}.parse-modal-backdrop{position:absolute;inset:0;border:0;background:#050508b8;backdrop-filter:blur(7px)}.parse-modal>.parse-card{position:relative;z-index:1;width:min(100%,620px);max-height:min(620px,calc(100vh - 48px));overflow:auto}.parse-modal-close{position:absolute;z-index:2;top:13px;right:15px;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:#85858e;font-size:17px;line-height:1}.parse-modal-close:hover{border-color:#a77cff66;color:#fff}.parse-card,.tracks-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.parse-card{padding:22px 24px;background:radial-gradient(circle at 92% 0,rgba(167,124,255,.08),transparent 34%),var(--surface)}.parse-card-heading{display:grid;gap:4px;padding-right:36px}.parse-card-heading h1{margin:0;font-size:22px;letter-spacing:-.6px}.input-kicker{color:#b78cff;font-size:9px;font-weight:800;letter-spacing:1.5px}.parse-form{margin-top:16px}.parse-form textarea{height:160px;min-height:130px;max-height:300px;padding:14px 15px;border-color:#a77cff33;background:#09090b9e;font-size:12px;line-height:1.7}.parse-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.parse-form-footer>div{display:flex;gap:8px}.parse-tip{display:inline-flex;align-items:center;gap:7px;color:#74747d;font-size:9px}.parse-tip i{width:5px;height:5px;border-radius:50%;background:var(--green)}.parse-progress{padding:25px 2px 5px}.parse-progress>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#b6b6be;font-size:10px}.parse-progress b{color:#9d77f0;font-size:9px;font-variant-numeric:tabular-nums}.tracks-panel{min-height:0;display:flex;flex-direction:column;padding:25px 27px 20px}.tracks-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tracks-heading-copy{min-width:0;display:grid;gap:4px}.tracks-heading h2{display:flex;align-items:center;gap:9px;margin-top:0}.tracks-heading>span{align-self:center;color:#6a6a73;font-size:9px}.tracks-heading-side{display:grid;justify-items:end;gap:7px;align-self:center}.tracks-heading-side>#download-all-button{margin-top:2px;white-space:nowrap}.selection-tools{display:flex;align-items:center;gap:12px;margin-top:13px;color:#777780;font-size:9px}.selection-tools label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.selection-tools input,.song-select{accent-color:var(--purple)}.selection-tools span{color:#a68ee0}.track-empty{min-height:0;flex:1}.parsed-song-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 0 7px}.parsed-song-card{min-width:0;min-height:112px;display:grid;grid-template-columns:18px 72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;align-items:center;gap:0 10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.song-select{width:15px;height:15px}.parsed-song-card>.song-number{grid-column:3;grid-row:1;justify-self:end;width:auto;color:#686875;text-align:right;align-self:start}.parsed-song-card:hover{border-color:#a77cff61;background:linear-gradient(160deg,#a77cff17,#ffffff06);box-shadow:0 14px 34px #0000002e;transform:translateY(-2px)}.parsed-song-card.parse-error{border-color:#ff7b801f}.parsed-song-card .song-cover{grid-column:2;grid-row:1 / 3;width:72px;height:72px;border-radius:10px}.parsed-song-card .song-select{grid-column:1;grid-row:1}.parsed-song-card .song-title{font-size:12px}.parsed-song-card .song-copy{grid-column:3;grid-row:1;min-width:0;padding:0 19px 0 0}.song-actions{grid-column:3;grid-row:2;display:flex;align-items:center;gap:7px;width:100%;margin-top:8px}.song-action{min-width:0;min-height:34px;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;color:#c5c5cc;font-size:9px;font-weight:700;white-space:nowrap;transition:border-color .18s,background .18s,color .18s}.song-action:hover:not(:disabled){border-color:#a77cff59;background:#a77cff17;color:#fff}.song-action:disabled{cursor:not-allowed;opacity:.32}.song-action.play-action.playing{border-color:#55d6a04d;background:#55d6a014;color:var(--green)}.song-action.download-action{border-color:#a77cff42;color:#c6acff}.song-action.text-action{color:#a9a9b3}.song-metadata-modal{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:24px}.song-metadata-modal[hidden]{display:none}.song-metadata-backdrop{position:absolute;inset:0;border:0;background:#050508c7;backdrop-filter:blur(7px)}.song-metadata-card{position:relative;z-index:1;width:min(100%,760px);max-height:calc(100dvh - 48px);display:grid;grid-template-columns:1fr;gap:10px;overflow-y:auto;padding:26px 28px;border:1px solid rgba(167,124,255,.28);border-radius:16px;background:radial-gradient(circle at 92% 0,rgba(167,124,255,.13),transparent 34%),#15151a;box-shadow:0 28px 90px #0009}.song-metadata-card h2{margin:0;color:#f0edf5;font-size:20px}.song-metadata-card>p{margin:-3px 0 5px;overflow:hidden;color:#898994;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.song-metadata-card label{margin-top:5px;color:#aaa0bd;font-size:9px;font-weight:700}.song-metadata-card textarea{width:100%;resize:none;color:#d6d3dc;font-size:11px;line-height:1.7;cursor:text}.song-metadata-card #song-prompt{min-height:120px}.song-metadata-card #song-lyrics{min-height:270px}.tracks-footer{min-height:68px;display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:13px;border-top:1px solid var(--line)}.tracks-footer>span{color:#686870;font-size:9px}.tracks-footer>div{display:flex;gap:8px}.home-import-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:28px;align-items:stretch;margin:0 0 24px;padding:25px;border:1px solid rgba(167,124,255,.2);border-radius:16px;background:radial-gradient(circle at 80% 0,rgba(250,77,155,.09),transparent 36%),var(--surface);box-shadow:var(--shadow)}.home-import-copy{padding:9px 0}.home-import-copy h2{margin:8px 0;font-size:22px}.home-import-copy p{max-width:260px;margin:0;color:#777780;font-size:10px;line-height:1.7}.home-import-form{display:grid;gap:10px}.home-import-form textarea{min-height:120px;resize:vertical}.home-import-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-import-actions span{color:#777780;font-size:9px}.parse-progress-strip{margin:0;padding:14px 20px 16px;border:1px solid rgba(167,124,255,.22);border-radius:13px;background:#a77cff0e}.toolbar-player{min-width:0;display:grid;grid-template-columns:34px minmax(100px,180px) 30px minmax(80px,1fr) 68px 20px;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(167,124,255,.25);border-radius:10px;background:#14131bb8}.toolbar-player[hidden]{display:none}.toolbar-player .player-cover{width:34px;height:34px;min-width:34px;min-height:34px;flex:0 0 34px;aspect-ratio:1 / 1;border-radius:7px;font-size:14px}.player-cover{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:var(--gradient);color:#fff;font-size:18px}.player-cover img{display:block;width:100%;height:100%;min-width:100%;min-height:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:center}.player-info{min-width:0}.player-info strong,.player-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info strong{color:#f4f4f5;font-size:10px}.player-info span{margin-top:4px;color:#777780;font-size:8px}.player-toggle,.player-close{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#c4a8ff}.player-toggle{width:30px;height:30px;border-radius:50%;background:#a77cff24;font-size:11px}.player-close{color:#777780;font-size:20px}.player-progress{width:100%;accent-color:var(--purple)}.player-time{color:#777780;font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.auth-body{min-height:100vh;background:var(--bg)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-intro{position:relative;min-width:0;display:flex;justify-content:center;flex-direction:column;overflow:hidden;padding:clamp(52px,7vw,118px);border-right:1px solid var(--line);background:radial-gradient(circle at 76% 30%,rgba(167,124,255,.16),transparent 30%),radial-gradient(circle at 24% 75%,rgba(250,77,155,.08),transparent 34%),#0d0d11}.auth-intro:before,.auth-intro:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(167,124,255,.1);border-radius:50%}.auth-intro:before{width:540px;height:540px;right:-230px;top:-190px}.auth-intro:after{width:340px;height:340px;right:-105px;top:-90px}.auth-intro-glow{position:absolute;width:260px;height:260px;right:-55px;top:19%;border-radius:50%;background:#a77cff17;filter:blur(70px)}.auth-intro-content{position:relative;z-index:1;width:min(100%,680px)}.auth-logo{position:absolute;z-index:1;top:clamp(38px,6vh,68px);left:clamp(52px,7vw,118px);display:block;width:205px;max-width:100%}.auth-intro-kicker{display:inline-flex;align-items:center;gap:8px;color:#b698fb;font-size:9px;font-weight:800;letter-spacing:1.7px}.auth-intro-kicker i{width:20px;height:1px;background:var(--gradient)}.auth-intro h1{margin:17px 0 20px;font-size:clamp(38px,4.2vw,66px);line-height:1.08;letter-spacing:-2.8px}.auth-intro h1 em{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.auth-intro-content>p{width:min(100%,560px);margin:0;color:#92929c;font-size:13px;line-height:1.9}.auth-feature-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:48px}.auth-feature-list article{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff06}.auth-feature-list b{color:#9f7aef;font-size:9px;letter-spacing:.7px}.auth-feature-list strong,.auth-feature-list span{display:block}.auth-feature-list strong{color:#e7e7eb;font-size:10px}.auth-feature-list span{margin-top:6px;color:#696972;font-size:8px;line-height:1.55}.auth-intro-footer{position:absolute;z-index:1;left:clamp(52px,7vw,118px);bottom:34px;color:#4f4f58;font-size:8px;font-weight:700;letter-spacing:1.4px}.auth-login-pane{--auth-keyboard-shift: 0px;min-width:0;display:grid;place-items:center;padding:clamp(30px,6vw,90px);background:radial-gradient(circle at 50% 38%,rgba(141,104,255,.07),transparent 36%),#09090b}.auth-card{width:min(100%,460px);padding:38px;border:1px solid var(--line-strong);border-radius:20px;background:#131316f5;box-shadow:var(--shadow)}.auth-login-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:35px;border:1px solid rgba(167,124,255,.2);border-radius:13px;background:#a77cff12}.auth-login-icon img{width:34px;height:34px}.auth-card h1{margin:9px 0 10px;font-size:28px;letter-spacing:-.8px}.auth-card>p{margin:0 0 27px;color:var(--muted);font-size:11px;line-height:1.7}.stack-form{display:grid;gap:15px}.stack-form label{display:grid;justify-content:stretch;gap:7px;margin-bottom:0;color:#aaaab3;font-size:10px;font-weight:600}.stack-form input,.stack-form select,.stack-form textarea,#record-search input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:#0e0e11;color:var(--text);transition:border-color .18s,box-shadow .18s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,#record-search input:focus{border-color:#a77cffa6;box-shadow:0 0 0 3px #a77cff1a}.stack-form select{appearance:auto}.custom-select{position:relative;width:100%;min-width:0}.custom-select-native{position:absolute!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.custom-select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;outline:0;background:#0e0e11;color:var(--text);font:inherit;font-size:10px;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.custom-select-trigger:hover,.custom-select.is-open .custom-select-trigger{border-color:#a77cffa6;background:#121116}.custom-select-trigger:focus-visible{border-color:#a77cffbf;box-shadow:0 0 0 3px #a77cff1f}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.56}.custom-select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-caret{flex:0 0 auto;color:#aaa0b8;font-size:15px;line-height:1;transform:translateY(-1px);transition:transform .18s ease}.custom-select.is-open .custom-select-caret{transform:rotate(180deg) translateY(1px);color:#d6baff}.custom-select-menu{position:fixed;z-index:120;max-height:280px;overflow:auto;display:grid;gap:3px;padding:6px;border:1px solid rgba(167,124,255,.34);border-radius:12px;background:#19171f;box-shadow:0 18px 44px #0000008c,0 0 0 1px #ffffff06;scrollbar-width:thin}.custom-select-menu[hidden]{display:none}.custom-select-option{width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#cbc6d3;font:inherit;font-size:10px;line-height:1.35;text-align:left;cursor:pointer}.custom-select-option:hover,.custom-select-option[aria-selected=true]{background:#a77cff24;color:#fff}.custom-select-option:disabled{color:#68636f;cursor:not-allowed}.custom-select-option:disabled:hover{background:transparent;color:#68636f}.stack-form input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#a86df6}.stack-form label.checkbox-label{display:flex;align-items:center;gap:8px;min-height:34px}.stack-form .button{width:100%;margin-top:4px}.form-panel{padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.narrow-panel{width:100%;margin:24px 0 28px}.security-page{width:100%;max-width:980px;margin:24px auto 32px}.security-heading{margin-bottom:18px}.security-heading h1{margin:6px 0 7px;font-size:24px}.security-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.security-grid.password-only{grid-template-columns:minmax(0,1fr);max-width:490px}.security-card{width:auto;min-width:0;margin:0;padding:24px}.security-card-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px}.security-card-heading h2{margin:2px 0 5px;font-size:17px}.security-card-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.security-card-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.35);border-radius:10px;background:#a77cff1a;color:#c9adff;font-size:17px;font-weight:700}.security-help{margin:-2px 0 0;color:#777480;font-size:10px;line-height:1.55}.security-card .form-actions{margin-top:4px}.security-card .form-actions .button{width:100%}@media(max-width:760px){.security-page{margin-top:16px}.security-grid{grid-template-columns:1fr}.security-card{padding:20px}}.compact-heading{min-height:185px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px}.form-actions .button{flex:1;width:auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 14px}.panel-title{margin-bottom:20px}.panel-title h2{margin:5px 0 0;font-size:18px}.order-form textarea{height:76px;min-height:76px;resize:vertical}.admin-order-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:0}.admin-order-form>label{width:100%;min-width:0;margin:0}.admin-order-form>label>.admin-field-label{display:flex;align-items:center;justify-content:space-between;color:#aaaab3;font-size:10px;font-weight:600}.admin-field-label small{color:#62626b;font-size:8px;font-weight:500}.admin-order-form .admin-form-wide{grid-column:1 / -1}.admin-order-form input[type=datetime-local]{color-scheme:dark}.subscription-package-box{padding:13px;border:1px solid rgba(167,124,255,.28);border-radius:11px;background:#a77cff0b}.subscription-package-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.subscription-package-heading strong{color:#e6ddf3;font-size:11px}.subscription-package-heading small{color:#81778e;font-size:8px}.subscription-package-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.subscription-package-fields label{min-width:0}.subscription-card-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(167,124,255,.16)}.subscription-card-info>div{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#08080c3d}.subscription-card-info span,.subscription-card-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-card-info span{color:#81778e;font-size:8px}.subscription-card-info strong{margin-top:4px;color:#e8e2ef;font-size:10px}.subscription-card-info.is-unavailable{border-top-color:#ff7b8040}.subscription-card-info.is-unavailable strong[data-card-info=status]{color:#ff9da1}.subscription-auto-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(167,124,255,.16)}.subscription-auto-fields label,.order-manual-fields label{min-width:0}.subscription-auto-fields input[readonly]{color:#d8c9f0;border-color:#a77cff3d;background:#a77cff12;cursor:default}.order-manual-box{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#ffffff06}.order-manual-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.order-manual-wide{grid-column:1 / -1}.credential-result{margin-top:17px;padding:17px;border:1px solid rgba(85,214,160,.2);border-radius:11px;background:#55d6a00e}.credential-result>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;margin-top:12px}.credential-result label{color:#76767f;font-size:9px}.credential-result code{overflow-wrap:anywhere;color:#d8fff0;font-size:11px}.credential-result .button{margin-top:15px}.renew-preview{padding:10px 12px;border-radius:8px;background:#ffffff06;color:#85858e;font-size:9px;line-height:1.6}.records-panel{margin-bottom:14px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.provisioning-table-page{min-height:calc(100vh - 116px);margin-top:24px;margin-bottom:24px}.records-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.records-header h2{margin:6px 0 5px;font-size:20px}.records-header p{margin:0;color:#777780;font-size:9px}.records-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:18px;min-width:0}.records-tabs>button{flex:0 0 auto;min-width:max-content;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777780;font-size:10px;white-space:nowrap}.records-tabs>button.active{border-color:#a77cff38;background:#a77cff14;color:#cbb7fb}#record-search{display:flex;align-items:center;flex:0 1 560px;width:min(100%,560px);min-width:0;flex-wrap:nowrap;gap:7px;margin-left:auto}#record-search input{width:100%;min-width:180px;flex:1 1 auto;min-height:34px;padding-top:6px;padding-bottom:6px;font-size:10px}#record-search .button{flex:0 0 auto;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#777780;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.platform-panel .table-wrap thead th{position:sticky;top:0;z-index:2;background:var(--surface);box-shadow:0 1px 0 var(--line)}td{color:#b7b7bf}.account-login-cell{color:#eeeef1;font-weight:650}.table-action-cell{width:1%;text-align:right}.admin-style-prompt-cell{min-width:260px;max-width:440px;color:#c8c5d1;line-height:1.55}.style-report-reason{width:220px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-style-prompt-text{display:inline-block;max-width:calc(100% - 28px);overflow:hidden;vertical-align:middle;text-overflow:ellipsis}.admin-style-copy{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;margin-left:7px;padding:0;border:1px solid var(--line-strong);border-radius:7px;background:#ffffff0a;color:var(--muted-strong);vertical-align:middle}.admin-style-copy svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.admin-style-copy:hover:not(:disabled){border-color:#a77cff8c;background:#a77cff1f;color:#d8c8ff}.admin-style-copy.is-copied{border-color:#55d6a07a;background:#55d6a01f;color:var(--green)}.admin-style-tags{display:flex;min-width:120px;flex-wrap:wrap;gap:5px}.admin-style-tag{--tag-color: #a855f7;display:inline-flex;align-items:center;padding:3px 7px;border:1px solid color-mix(in srgb,var(--tag-color) 48%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--tag-color) 12%,transparent);color:color-mix(in srgb,var(--tag-color) 62%,white);font-size:8px;white-space:nowrap}.admin-style-state{display:inline-flex;align-items:center;min-width:46px;justify-content:center;padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0b;color:#aaa5b5;white-space:nowrap}.admin-style-state.is-published{border-color:#55d6a047;background:#55d6a014;color:#9be4c3}.admin-style-state.is-rejected{border-color:#ff7b8047;background:#ff7b8014;color:#ff9da1}.table-action{min-width:62px}.status-switch{display:inline-flex;align-items:center;gap:6px;min-width:56px;padding:3px 7px 3px 4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0b;color:#85858e;font-size:9px;line-height:1}.status-switch:hover:not(:disabled){border-color:#a77cff6b;color:#d9ccf7}.status-switch:disabled{cursor:wait;opacity:.6}.status-switch-knob{width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:#666670;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .18s,background .18s,box-shadow .18s}.status-switch.is-on{border-color:#55d6a057;background:#55d6a014;color:#a8e7ca}.status-switch.is-on .status-switch-knob{background:#55d6a0;box-shadow:0 0 10px #55d6a06b}.status-switch-label{min-width:22px;text-align:center}.modal-open{overflow:hidden}.admin-modal{position:fixed;z-index:55;inset:0;display:grid;place-items:center;padding:24px}.admin-modal[hidden]{display:none}.admin-modal-backdrop{position:absolute;inset:0;border:0;background:#050508bd;backdrop-filter:blur(7px)}.app-drawer{position:fixed;z-index:55;inset:var(--app-topbar-height) 0 var(--app-drawer-bottom);display:grid;place-items:stretch end;padding:14px 14px 18px}.app-drawer[hidden]{display:none}.app-drawer-backdrop{position:absolute;inset:0;border:0;background:#050508ad;backdrop-filter:blur(6px)}.app-drawer-panel{position:relative;z-index:1;height:auto;max-height:100%;overflow:auto;border:1px solid rgba(167,124,255,.24);border-radius:16px;background:#151419;box-shadow:-20px 0 50px #00000061;animation:app-drawer-in .22s ease-out}.app-drawer-panel .form-actions,.app-drawer-panel .styles-editor-actions{position:sticky;z-index:4;bottom:0;margin-top:auto;padding:14px 0 2px;background:linear-gradient(180deg,#15141900,#151419 14px);box-shadow:0 -12px 24px #151419b8}@keyframes app-drawer-in{0%{opacity:.65;transform:translate(28px)}}.logout-confirm{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:20px}.logout-confirm[hidden]{display:none}.logout-confirm-backdrop{position:absolute;inset:0;border:0;background:#050508c7;backdrop-filter:blur(8px)}.logout-confirm-card{position:relative;z-index:1;width:min(100%,430px);display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 15px;padding:24px;border:1px solid rgba(255,123,128,.18);border-radius:16px;background:#141417;box-shadow:0 24px 80px #00000085}.logout-confirm-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,123,128,.18);border-radius:12px;background:#ff7b8014;color:#ff9297}.logout-confirm-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.logout-confirm-copy h2{margin:6px 0 7px;font-size:18px}.logout-confirm-copy p{margin:0;color:#7b7b84;font-size:10px;line-height:1.65}.logout-confirm-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.danger-button{border-color:#ff7b8047;background:#ff7b801f;color:#ff9da2}.danger-button:hover{border-color:#ff7b807a;background:#ff7b802e;color:#fff}.admin-dialog{position:relative;z-index:1;width:min(100%,760px);max-height:calc(100vh - 48px);overflow:auto;padding:28px 30px 26px;box-shadow:0 24px 80px #0000007a}.admin-dialog .panel-title{margin-bottom:22px;padding-right:36px}.admin-dialog .panel-title h2{margin-top:7px;font-size:21px}.admin-dialog-close{position:absolute;top:14px;right:15px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:#85858e;font-size:17px}.admin-dialog-close:hover{border-color:#a77cff66;color:#fff}.drawer-modal .admin-dialog{width:min(560px,calc(100vw - 28px));overflow-y:auto;transform:translate(calc(100% + 18px));transition:transform .24s ease}.drawer-modal:not([hidden]) .admin-dialog{transform:translate(0)}.drawer-modal .admin-order-form{grid-template-columns:1fr}.more-menu{position:relative;display:inline-flex}.more-menu>button{min-width:30px;width:30px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff09;color:#c7c4cf;font-size:17px;line-height:1}.more-menu>button:hover,.more-menu>button[aria-expanded=true]{border-color:#a77cff73;color:#fff}.more-menu-list{position:absolute;z-index:20;top:calc(100% + 5px);right:0;min-width:92px;display:grid;gap:2px;padding:5px;border:1px solid rgba(167,124,255,.24);border-radius:9px;background:#19171e;box-shadow:0 14px 34px #00000073}.more-menu-list[hidden]{display:none}.more-menu-list button{padding:7px 9px;border:0;border-radius:6px;background:transparent;color:#c9c5d0;font-size:9px;text-align:left;white-space:nowrap}.more-menu-list button:hover{background:#a77cff1f;color:#fff}.more-menu-list button[data-action=delete]{color:#ff9da2}.more-menu-list button[data-action=delete]:hover{background:#ff7b801f;color:#ffb4b8}.renew-target{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(167,124,255,.2);border-radius:9px;background:#a77cff0f}.renew-target span{color:#777780;font-size:8px}.renew-target strong{overflow-wrap:anywhere;color:#eeeef1;font-size:11px}.admin-section-title{margin:22px 0 8px;color:#cfcbd9;font-size:11px;font-weight:650}.subscription-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subscription-detail-grid>div,.subscription-detail-list>div{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;color:#b9b6c0;font-size:10px;line-height:1.55}.subscription-detail-grid strong,.subscription-detail-list strong{color:#eeeef1}.subscription-detail-list{display:grid;gap:7px}.subscription-detail-list .detail-muted{color:#777780}.tree-group-row{background:#a77cff0b}.tree-group-row>td{padding-top:11px;padding-bottom:11px;border-bottom-color:#a77cff2e}.subscription-card-group-cell>.tree-toggle{min-height:22px}.tree-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:0;border:0;background:transparent;color:#dcd7e8;text-align:left}.tree-toggle:hover{color:#fff}.tree-caret{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid rgba(167,124,255,.3);border-radius:5px;color:#b894fa;font-size:17px;line-height:1;transform:rotate(0);transition:transform .18s ease,background .18s ease}.tree-group-row.is-expanded .tree-caret{transform:rotate(90deg);background:#a77cff1f}.tree-toggle strong{font-size:10px;font-weight:650}.tree-count{color:#777780;font-size:9px;font-weight:500}.tree-child-row>td:first-child{padding-left:34px}.tree-menu-name{color:#d2cde0;font-weight:600}.role-menu-group-cell>.role-menu-group-bar{display:flex;align-items:center;gap:12px}.role-menu-group-bar .tree-toggle{flex:1 1 auto;min-width:0}.role-menu-assign-button{flex:0 0 auto;min-height:25px;padding:5px 10px;font-size:9px}.tree-menu-parent-row>td:first-child{color:#ddd5ee}.role-menu-assignment-dialog{width:min(620px,calc(100vw - 28px))!important;display:flex;flex-direction:column;gap:0}.role-menu-assignment-dialog .panel-title{margin-bottom:12px}.role-menu-assignment-summary{margin:6px 0 0;color:#777780;font-size:9px}.role-menu-assignment-toolbar{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}.role-menu-assignment-tree{min-height:180px;max-height:min(64vh,620px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:11px;background:#0505083d}.role-menu-assignment-tree:empty:before{display:block;padding:36px 12px;color:#777780;font-size:10px;text-align:center;content:"\6b63\5728\52a0\8f7d\83dc\5355\2026"}.role-menu-assignment-node{display:grid;gap:3px}.role-menu-assignment-item{display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 8px;border-radius:8px;color:#d8d3e2;font-size:10px;cursor:pointer}.role-menu-assignment-item:hover{background:#a77cff14}.role-menu-assignment-item input{width:15px;height:15px;accent-color:#a855f7}.role-menu-assignment-item strong{color:#eeeaf5;font-weight:650}.role-menu-assignment-item small{margin-left:auto;color:#777780;font-size:8px}.role-menu-assignment-children{display:grid;gap:2px}.empty-state{margin:22px 0 0;color:#6d6d75;font-size:10px;text-align:center}.forbidden-panel{margin-top:32px}.mobile-nav{display:none}.platform-body{overflow:hidden}.platform-body .app-shell{height:100dvh;min-height:0}.platform-body .main-view{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}.platform-body .content-shell{width:100%;height:auto;min-height:0;overflow:hidden;padding:14px}.platform-layout{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:13px;margin:0}.platform-sidebar,.platform-main{min-height:0;border:1px solid var(--line);border-radius:17px;background:#121216c7}.platform-sidebar{padding:16px;overflow:hidden}.platform-subnav{display:grid;gap:8px}.platform-subnav button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;transition:border-color .18s,background .18s,transform .18s}.platform-subnav button:hover{border-color:#a855f733;background:#a855f70a;transform:translate(1px)}.platform-subnav button.is-active{border-color:#a855f752;background:linear-gradient(100deg,#a855f726,#ec48990d)}.platform-subnav-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.2);border-radius:11px;background:#a855f712;color:#aa8de6}.platform-subnav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.platform-subnav button.is-active .platform-subnav-icon{border-color:#d371ff6b;color:#d4b5ff;box-shadow:0 0 18px #a855f71a}.platform-subnav button strong{color:#e8e6eb;font-size:10px}.platform-main{position:relative;min-width:0;overflow:hidden;padding:clamp(18px,2.5vw,28px);background:radial-gradient(circle at 88% 10%,rgba(168,85,247,.1),transparent 31%),#121216c7}.platform-module-bar{display:flex;align-items:center;gap:9px;min-height:25px;margin-bottom:13px;color:#777780;font-size:10px}.platform-module-bar b{color:#3e3e44;font-weight:400}.platform-module-bar strong{color:#ceced4;font-weight:650}.platform-panel{height:calc(100% - 38px);min-height:0;display:flex;flex-direction:column;gap:8px;padding:0;overflow:hidden}.platform-panel .records-panel{display:flex;flex:1 1 auto;flex-direction:column;height:auto;min-height:0;margin:0;overflow:hidden}.platform-panel .records-panel .table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.platform-panel .records-panel .table-wrap table{min-width:100%}.platform-panel[hidden]{display:none}.platform-notification-page{min-height:0}#notification-search{display:flex;align-items:center;gap:7px;margin-bottom:18px}#notification-search input{flex:1;min-height:34px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:#0e0e11;color:var(--text);font-size:10px}#notification-search input:focus{border-color:#a77cffa6;box-shadow:0 0 0 3px #a77cff1a}#notification-search #open-notification{white-space:nowrap}#notification-search #open-notification{color:#fff}.platform-system-page{min-height:0}#system-search{flex-wrap:wrap}#system-search input{width:220px;min-height:34px;margin-left:auto;padding:6px 12px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:#0e0e11;color:var(--text);font-size:10px}#system-search input:focus{border-color:#a77cffa6;box-shadow:0 0 0 3px #a77cff1a}#system-search button[data-system-tab]{padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777780;font-size:10px}#system-search button[data-system-tab].active{border-color:#a77cff38;background:#a77cff14;color:#cbb7fb}#system-search>.button.primary{color:#fff}#system-search #open-dictionary,#system-search #open-role,#system-search #open-account-role,#system-search #open-menu,#system-search #open-role-menu{white-space:nowrap}.platform-notification-page td{vertical-align:top;white-space:normal}.platform-notification-page td:first-child{min-width:170px}@media(max-width:1120px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.content-shell{width:calc(100% - 40px)}.hero{padding:38px 40px}.hero-visual{width:245px;flex-basis:245px;transform:scale(.9);transform-origin:right center}.studio{grid-template-columns:300px minmax(0,1fr)}.input-panel,.queue-panel{padding-left:20px;padding-right:20px}.stats>div{gap:8px;padding:10px}.stat-icon{width:27px;height:27px;flex-basis:27px}.dashboard-grid{grid-template-columns:1.15fr 1fr}.dashboard-card:last-child{grid-column:1 / -1;min-height:190px}.capability-grid,.parsed-song-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){:root{--app-topbar-height: 62px}html:has(body.auth-body),body.auth-body{height:100%;overflow:hidden}.auth-shell{grid-template-columns:1fr}.auth-intro{display:none}.auth-intro-content{width:100%}.auth-logo{position:static;width:185px;margin-bottom:48px}.auth-intro h1{font-size:42px}.auth-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.auth-intro-footer{left:44px;bottom:26px}.auth-shell{height:100vh;height:100dvh;min-height:0}.auth-login-pane{position:relative;isolation:isolate;height:100%;min-height:0;padding:42px 24px;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(141,104,255,.1),transparent 30%),radial-gradient(circle at 86% 82%,rgba(250,77,155,.08),transparent 34%),#09090b}.auth-login-pane:before,.auth-login-pane:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}.auth-login-pane:before{width:min(88vw,460px);height:min(88vw,460px);left:-22%;top:4%;background:radial-gradient(circle,rgba(145,104,255,.48) 0,rgba(145,104,255,.17) 30%,transparent 70%);filter:blur(22px);animation:auth-ambient-breathe 12s ease-in-out infinite}.auth-login-pane:after{width:min(100vw,560px);height:min(100vw,560px);right:-35%;bottom:-8%;border:1px solid rgba(226,103,217,.14);box-shadow:0 0 0 42px #8d68ff06,0 0 0 84px #fa4d9b05;animation:auth-ambient-drift 16s ease-in-out infinite}.auth-login-pane>*{position:relative;z-index:1}.auth-login-pane>.auth-card{transform:translateY(var(--auth-keyboard-shift));transition:transform .18s ease-out}.app-shell{display:block}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:20;height:62px;padding:0 20px}.mobile-brand{display:flex;align-items:center}.mobile-brand .brand-icon{width:30px;height:30px}.mobile-brand .brand-name,.privacy-note{display:none}.mobile-logout{display:inline-flex}.content-shell{width:calc(100% - 32px)}.studio{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}textarea{height:145px}.workflow-note ol{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-note li{gap:6px}.dashboard-orbit{width:240px;flex-basis:240px;transform:scale(.88);transform-origin:right center}.tutorial-body .main-view{grid-template-rows:62px minmax(0,1fr)}.tutorial-body .content-shell{padding:12px}.tutorial-page{grid-template-columns:225px minmax(0,1fr)}.tools-body .main-view{grid-template-rows:62px minmax(0,1fr)}.tools-body .content-shell{padding:12px}.tools-page{grid-template-columns:225px minmax(0,1fr)}.platform-body .main-view{grid-template-rows:62px minmax(0,1fr)}.platform-body .content-shell{padding:12px}.platform-layout{grid-template-columns:225px minmax(0,1fr)}.platform-main{padding:18px}}@media(max-width:620px){:root{--app-topbar-height: 78px;--app-drawer-bottom: 67px}.auth-intro{display:none}.auth-logo{width:165px;margin-bottom:38px}.auth-intro h1{margin:13px 0 14px;font-size:31px;letter-spacing:-1.4px}.auth-intro-content>p{font-size:10px}.auth-feature-list{grid-template-columns:1fr;gap:7px;margin-top:25px}.auth-feature-list article{padding:11px 12px}.auth-intro-footer{left:24px;bottom:20px}.auth-login-pane{height:100%;min-height:0;padding:16px}body{padding-bottom:67px}.auth-body{padding-bottom:0}.topbar{height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:45px 22px;gap:0 12px;padding:5px 15px 6px}.mobile-brand{min-width:0}.mobile-brand .brand-logo{overflow:hidden}.breadcrumb{grid-column:1 / -1;align-self:center;padding-left:1px;font-size:9px}.topbar-actions{grid-column:2;grid-row:1;gap:5px}.notification-center b{display:none}.notification-panel{position:fixed;top:61px;right:12px;max-height:calc(100vh - 88px)}.topbar-tutorial,.topbar-support,.topbar-subscription{width:29px;height:29px;justify-content:center;padding:0}.topbar-tutorial span,.topbar-support span,.topbar-subscription span{display:none}.suno-connection{max-width:82px;padding:6px 7px}.suno-account-panel{position:fixed;top:61px;right:12px;width:min(286px,calc(100vw - 24px))}.content-shell{width:calc(100% - 24px)}.hero{min-height:217px;padding:28px 23px;margin:15px 0 13px;border-radius:15px}.hero-copy{max-width:100%}h1{margin-top:13px;font-size:32px;letter-spacing:-1.6px}.hero p{max-width:290px;font-size:10px}.hero-visual{position:absolute;right:-79px;bottom:-41px;opacity:.46;transform:scale(.68)}.dashboard-hero{min-height:310px}.dashboard-hero .hero-copy{z-index:2}.dashboard-hero .hero-copy p{max-width:270px}.dashboard-orbit{position:absolute;right:-85px;bottom:-54px;opacity:.42;transform:scale(.7)}.hero-actions{align-items:stretch;flex-direction:column;width:190px}.hero-actions .button{min-height:37px}.studio{border-radius:15px}.input-panel{padding:23px 18px}.queue-panel{min-height:520px;padding:23px 16px 0}.workflow-note{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:10px 12px}.queue-toolbar{flex-wrap:wrap;padding:8px 0}.queue-toolbar>span{order:3;width:100%;margin-left:22px}.queue-toolbar .danger{margin-left:auto}.empty{min-height:270px;padding-left:0;padding-right:0}.empty-path{gap:6px}.song-row{gap:8px;padding:9px 7px}.song-cover{width:41px;height:41px;flex-basis:41px}.song-status{max-width:61px;font-size:8px}.save-link{padding:7px 8px}.queue-actions{align-items:stretch;flex-direction:column;padding:15px 0}.queue-actions>div{width:100%}.queue-actions .button{flex:1;padding-left:10px;padding-right:10px}.dashboard-grid{grid-template-columns:1fr;gap:10px}.dashboard-card,.dashboard-card:last-child{grid-column:auto;min-height:205px;padding:19px}.overview-panel{padding:20px 16px}.overview-heading{align-items:flex-start;flex-direction:column}.capability-grid{grid-template-columns:1fr;gap:8px}.home-import-panel{grid-template-columns:1fr;gap:10px;padding:19px}.page-heading{padding:36px 4px 22px}.placeholder-panel{min-height:430px;margin-top:14px;border-radius:15px}.upload-viewport-panel,.library-viewport-panel{min-height:calc(100dvh - 210px);margin-bottom:20px}.workbench-empty-panel{min-height:calc(100dvh - 210px);margin:14px 0 20px;border-radius:15px}.tutorial-body,.tools-body{padding-bottom:0}.tutorial-body .app-shell,.tutorial-body .main-view{height:calc(100dvh - 67px)}.tutorial-body .main-view{grid-template-rows:78px minmax(0,1fr)}.tutorial-body .content-shell{padding:8px 12px}.tutorial-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.tools-body .app-shell,.tools-body .main-view{height:calc(100dvh - 67px)}.tools-body .main-view{grid-template-rows:78px minmax(0,1fr)}.tools-body .content-shell{padding:8px 12px}.tools-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.tools-sidebar{padding:8px;border-radius:13px}.tools-nav-fold>summary{min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#dcd8e5;font-size:10px;font-weight:750;cursor:pointer;list-style:none}.tools-nav-fold>summary::-webkit-details-marker{display:none}.tools-nav-fold>summary span{color:#a77cff;font-size:14px;transition:transform .18s}.tools-nav-fold[open]>summary span{transform:rotate(180deg)}.tools-nav-fold[open]>.tools-index{margin-top:8px}.tools-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tools-index button{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:7px 9px}.tools-index-icon{width:30px;height:30px;border-radius:9px}.tools-index-icon svg{width:16px;height:16px}.tools-index button>i,.tools-index small{display:none}.tools-index strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tools-stage{border-radius:13px}.tools-panel{padding:12px}.style-card{min-height:280px}.style-card-prompt{height:88px;min-height:88px;max-height:88px}.platform-body .app-shell,.platform-body .main-view{height:calc(100dvh - 67px)}.platform-body .main-view{grid-template-rows:78px minmax(0,1fr)}.platform-body .content-shell{padding:8px 12px}.platform-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.platform-sidebar{padding:8px;border-radius:13px}.platform-subnav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.platform-subnav button{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:7px 9px}.platform-subnav-icon{width:30px;height:30px;border-radius:9px}.platform-subnav-icon svg{width:16px;height:16px}.platform-subnav button strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.platform-main{border-radius:13px;padding:12px}.platform-module-bar{margin-bottom:9px;font-size:9px}.platform-panel{height:calc(100% - 34px)}.platform-panel .records-panel{padding:17px 14px}#system-search input{width:100%;margin-left:0}.tools-service-canvas{min-height:170px;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px}.tools-service-symbol{width:46px;height:46px;border-radius:13px}.tools-service-symbol svg{width:22px;height:22px}.tools-service-copy strong{margin-top:6px;font-size:17px}.tools-service-copy p{font-size:8px}.tools-service-status{grid-column:1 / -1;justify-self:start}.audio-tool-workbench{grid-template-rows:minmax(105px,.5fr) minmax(185px,1.5fr);gap:9px}.audio-wave-panel{padding:13px}.audio-tool-wave-toolbar{flex-wrap:wrap;margin-top:11px}.audio-tool-time{width:100%;margin-left:0}.audio-tool-controls{padding:13px}.audio-tool-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-tool-meta>div:first-child{grid-column:1 / -1}.audio-tool-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-tool-control-grid label:last-child{grid-column:1 / -1}.audio-tool-controls-footer{align-items:stretch;flex-direction:column}.audio-tool-controls-footer p{width:100%;white-space:normal}.audio-tool-controls-footer .button{width:100%}.lyrics-workbench{gap:10px}.lyrics-toolbar{padding:10px}.lyrics-toolbar-heading{align-items:flex-start;flex-direction:column}.lyrics-process-actions .button{flex:1 0 calc(33.333% - 6px)}.lyrics-editor-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.lyrics-editor-card{min-height:0}.lyrics-textarea{font-size:15px}.lyrics-footer{align-items:stretch;flex-direction:column}.lyrics-footer>div,.lyrics-footer .button{width:100%}.lyrics-footer .button{flex:1}.custom-model-workbench{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1.35fr);gap:10px}.custom-model-form,.custom-model-library{padding:12px;border-radius:13px}.custom-model-divider{margin-right:-12px;margin-left:-12px}.custom-model-song-list{grid-template-columns:1fr}.tutorial-sidebar{padding:9px 10px;border-radius:13px}.tutorial-intro{padding:0 2px 8px}.tutorial-intro-mark{width:31px;height:31px;border-radius:9px;font-size:16px}.tutorial-intro h1{margin:1px 0 0;font-size:15px}.tutorial-intro p,.tutorial-intro .section-kicker,.tutorial-sidebar-note,.tutorial-index small,.tutorial-index i{display:none}.tutorial-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.tutorial-index button{grid-template-columns:auto minmax(0,1fr);gap:5px;justify-content:center;padding:8px 7px;text-align:center}.tutorial-index b{font-size:8px}.tutorial-index strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tutorial-stage{border-radius:13px}.tutorial-section{padding:12px}.tutorial-section-heading{grid-template-columns:37px minmax(0,1fr);gap:10px;padding-bottom:10px}.tutorial-section-heading>span{width:37px;height:37px;border-radius:10px}.tutorial-section-heading h2{margin:2px 0 3px;font-size:16px}.tutorial-section-heading p{font-size:8px;line-height:1.4}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.tutorial-steps li{grid-template-columns:20px minmax(0,1fr);gap:7px;min-height:0;padding:8px}.tutorial-steps li>b{width:20px;height:20px;font-size:7px}.tutorial-steps strong{font-size:8px}.tutorial-steps p{display:-webkit-box;overflow:hidden;margin-top:4px;font-size:7px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tutorial-steps code{padding:1px 3px;font-size:6px}.tutorial-actions{margin-top:8px}.tutorial-actions .button{width:100%}.support-body .content-shell{padding:8px 12px 20px}.support-page{gap:9px}.support-hero{min-height:135px;align-items:stretch;flex-direction:column;gap:13px;padding:17px}.support-hero-copy{gap:13px}.support-hero-icon{width:48px;height:48px;border-radius:15px}.support-hero h1{font-size:23px}.support-wechat{align-self:stretch;justify-content:flex-start;padding:8px 12px 8px 8px}.support-wechat img{width:92px;height:92px}.support-grid{grid-template-columns:1fr;gap:7px}.support-grid article{min-height:130px;padding:16px}.support-checklist{align-items:flex-start;flex-direction:column;gap:13px;padding:17px}.support-checklist ul{justify-content:flex-start}.subscription-body .content-shell{padding:8px 12px 20px}.subscription-page{width:100%;gap:12px;margin-bottom:20px}.subscription-heading{justify-items:start;padding:18px 0 0;text-align:left}.subscription-heading-copy h1{font-size:28px}.subscription-current{position:static;width:100%;min-width:0;margin-top:12px;border-radius:12px}.subscription-periods{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:13px}.subscription-periods button{justify-content:center;padding:9px 5px}.subscription-periods small{display:none}.subscription-plans{grid-template-columns:1fr;gap:9px}.subscription-card{min-height:auto;padding:20px;border-radius:17px}.subscription-card-header{min-height:70px}.subscription-card-header h2{font-size:22px}.subscription-price{min-height:67px;margin-top:10px}.subscription-choose{margin:12px 0 18px}.subscription-quota-grid{margin-bottom:16px}.subscription-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-features{gap:10px}.download-page-heading{padding-top:30px}.download-stack{margin-top:14px}.download-stack{min-height:calc(100dvh - 210px);display:grid;grid-template-rows:auto minmax(0,1fr);margin-bottom:20px}.link-parser-launcher{min-height:64px;padding:12px 13px 12px 15px}.link-parser-launcher .button{padding-left:12px;padding-right:12px}.parse-modal{padding:12px}.parse-modal>.parse-card{max-height:calc(100vh - 24px)}.parse-card,.tracks-panel{border-radius:15px}.parse-card{padding:19px 16px}.parse-card-heading h1{font-size:20px}.parse-form textarea{height:150px;min-height:125px}.parse-form-footer{align-items:stretch;flex-direction:column}.parse-form-footer>div{width:100%}.parse-form-footer .button{flex:1}.toolbar-player{width:100%;grid-template-columns:34px minmax(0,1fr) 30px 20px;gap:7px}.toolbar-player .player-progress,.toolbar-player .player-time{grid-column:1 / -1}.toolbar-player .player-progress{grid-row:2}.toolbar-player .player-time{display:none}.tracks-panel{padding:21px 16px 18px}.tracks-heading{align-items:flex-start;flex-direction:column;gap:8px}.tracks-heading>span{align-self:flex-start}.tracks-heading-side{width:100%;justify-items:start;gap:5px}.parsed-song-list{grid-template-columns:1fr;gap:10px}.parsed-song-card{min-height:96px;grid-template-columns:18px 64px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:0 9px;padding:10px}.parsed-song-card .song-cover{width:64px;height:64px}.parsed-song-card .song-copy{padding-right:13px}.song-metadata-modal{padding:12px}.song-metadata-card{max-height:calc(100dvh - 24px);padding:22px 17px}.song-metadata-card #song-prompt{min-height:110px}.song-metadata-card #song-lyrics{min-height:210px}.tracks-footer{align-items:stretch;flex-direction:column;padding:15px 0}.tracks-footer>div,.tracks-footer .button{width:100%}.mobile-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:67px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);overflow-x:auto;padding:7px 6px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e0e11f5;backdrop-filter:blur(18px)}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#73737c;font-size:8px}.mobile-nav a span{font-size:17px;line-height:1}.mobile-nav a.active{color:#c5a9ff}.mobile-logout{width:31px;height:31px;justify-content:center;padding:0}.mobile-logout span{display:none}.topbar-password-reminder{width:29px;height:29px;justify-content:center;padding:0}.topbar-password-reminder span,.topbar-password-reminder b{display:none}.suno-refresh-prompt{top:88px;right:12px;width:calc(100% - 24px)}.account-renewal-prompt{top:88px;left:12px;width:calc(100% - 24px)}.admin-grid,.form-row,.admin-order-form{grid-template-columns:1fr}.admin-order-form .admin-form-wide{grid-column:auto}.subscription-package-heading{align-items:flex-start;flex-direction:column;gap:4px}.subscription-package-fields{grid-template-columns:1fr}.subscription-card-info{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-auto-fields,.order-manual-fields{grid-template-columns:1fr}.order-manual-wide{grid-column:auto}.provisioning-table-page{min-height:calc(100dvh - 210px);margin-top:14px;margin-bottom:20px;padding:17px 14px}.records-header{align-items:stretch;flex-direction:column;gap:14px}.records-header .button{width:100%}.admin-modal{padding:12px}.admin-dialog{max-height:calc(100dvh - 24px);padding:22px 17px}.app-drawer{padding:10px 10px 12px}.app-drawer-panel{border-radius:14px}.drawer-modal .admin-dialog{width:100%}.records-tabs{flex-wrap:wrap}#record-search{width:100%;flex:1 1 100%;min-width:0;margin-left:0}#record-search input{width:auto;flex:1}.platform-notification-page{min-height:0}.auth-card{padding:22px 20px}.auth-login-icon{width:38px;height:38px;margin-bottom:18px}.auth-login-icon img{width:30px;height:30px}.auth-card h1{margin:7px 0 8px;font-size:24px}.auth-card>p{margin-bottom:18px;font-size:10px}.stack-form{gap:11px}.stack-form input,.stack-form select,.stack-form textarea,#record-search input{min-height:40px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.auth-login-pane:before,.auth-login-pane:after{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.library-toolbar{width:100%;min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:20px}.library-body{overflow:hidden;scrollbar-width:none}.library-body::-webkit-scrollbar{display:none}.library-body .app-shell{height:100dvh;min-height:0;overflow:hidden}.library-body .main-view{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.library-body .topbar{flex:0 0 68px}.library-body .content-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.create-body{scrollbar-width:none}.create-body::-webkit-scrollbar{display:none}.create-body .content-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.create-body [data-workspace-page]{min-height:0;flex:1;display:flex;flex-direction:column}.create-studio{min-height:calc(100vh - 116px);flex:1;display:grid;grid-template-columns:minmax(435px,510px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px;align-items:stretch;margin:24px 0;color:#f7f7f8}.create-composer,.create-results{min-width:0;min-height:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.create-composer{overflow-y:auto;padding:25px;background:radial-gradient(circle at 100% 0,rgba(107,181,255,.09),transparent 33%),var(--surface);scrollbar-width:none}.create-composer::-webkit-scrollbar{display:none}.create-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.create-card-heading h2,.create-results-toolbar h2{margin:6px 0 0;font-size:18px}.create-plan-pill{padding:5px 8px;border:1px solid rgba(167,124,255,.22);border-radius:999px;color:#ba9dff;background:#a77cff14;font-size:8px;font-weight:800;letter-spacing:1px}.create-composer form{min-height:100%;display:flex;flex-direction:column;gap:15px}.create-field{width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px;margin-bottom:0;color:#d5d5da;font-size:13px;font-weight:700}.create-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.create-field small{color:#70707a;font-size:11px;font-weight:600}.create-field button{padding:0;border:0;color:#b9a6ff;background:none;font:inherit;cursor:pointer}.create-field input,.create-field textarea,.create-field select{width:100%;border:1px solid #303037;border-radius:12px;outline:0;color:#f5f5f7;background:#18181c;font:inherit;transition:border-color .16s,box-shadow .16s}.create-field input,.create-field select{height:44px;padding:0 12px}.create-field textarea{min-height:84px;padding:12px;resize:vertical;line-height:1.55}.create-field input:focus,.create-field textarea:focus,.create-field select:focus{border-color:#8f6cff;box-shadow:0 0 0 3px #8058ff1f}.create-field>small{margin-top:-4px;text-align:right}.create-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.create-dropdown{position:relative;min-width:0;width:100%}.create-native-select{position:absolute!important;z-index:-1;width:1px!important;height:1px!important;min-height:1px!important;overflow:hidden;opacity:0;pointer-events:none}.create-dropdown-trigger{width:100%;min-width:0;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 35px 0 12px;overflow:hidden;position:relative;border:1px solid #303037;border-radius:12px;outline:0;color:#f5f5f7;background:#18181c;font:inherit;font-size:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.create-dropdown-trigger:after{content:"";position:absolute;top:50%;right:14px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right:1.5px solid #aaa8b3;border-bottom:1.5px solid #aaa8b3;transition:transform .16s}.create-dropdown.is-open .create-dropdown-trigger{border-color:#8f6cff;background:#202027;box-shadow:0 0 0 3px #8058ff1f}.create-dropdown.is-open .create-dropdown-trigger:after{transform:translateY(-25%) rotate(225deg)}.create-dropdown-trigger:disabled{color:#777680;cursor:not-allowed;opacity:.7}.create-dropdown-menu{position:fixed;z-index:1000;max-height:min(300px,calc(100vh - 20px));overflow-y:auto;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#202025;box-shadow:0 18px 48px #0000007a,0 0 0 1px #0000003d;scrollbar-width:thin}.create-dropdown-group-label{padding:8px 11px 5px;color:#9f85d3;font-size:9px;font-weight:800;letter-spacing:.08em}.create-dropdown-group-label:not(:first-child){margin-top:4px;border-top:1px solid rgba(255,255,255,.07)}.create-dropdown-option{width:100%;min-height:38px;display:flex;align-items:center;padding:0 11px;border:0;border-radius:10px;color:#c9c8d0;background:transparent;font:inherit;font-size:11px;text-align:left;cursor:pointer}.create-dropdown-option:hover:not(:disabled),.create-dropdown-option:focus-visible{color:#fff;background:#a77cff26;outline:0}.create-dropdown-option[aria-selected=true]{color:#e6dcff;background:#a77cff1c}.create-dropdown-option[aria-selected=true]:after{content:"\2713";margin-left:auto;color:#b99cff;font-size:12px}.create-dropdown-option:disabled{color:#66656e;cursor:not-allowed}.create-audio-mode .create-dropdown{flex:1;width:auto}.create-audio-mode .create-dropdown-trigger{height:32px;padding:0 24px 0 0;border:0;color:#f5f4f7;background:transparent;font-size:11px;font-weight:750}.create-audio-mode .create-dropdown-trigger:after{right:3px}.create-audio-mode .create-dropdown.is-open .create-dropdown-trigger{box-shadow:none}.create-result-filters>.create-dropdown{width:auto;min-width:118px}.create-result-filters .create-dropdown-trigger{height:40px;padding-left:13px;font-size:11px}.create-advanced-stack{min-width:0;display:grid;gap:14px;padding-top:1px}.create-advanced-panel{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:#18181c;box-shadow:0 8px 28px #0000001f}.create-panel-heading{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.create-panel-heading h3{min-width:0;display:flex;align-items:center;gap:8px;margin:0;color:#f2f2f5;font-size:13px;font-weight:780}.create-panel-heading h3>span{color:#aaa8b1;font-size:13px}.create-panel-toggle{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.create-panel-toggle>span{position:relative;width:10px;height:8px;flex:0 0 10px;display:block;transform:translateY(-1px);transition:transform .16s ease}.create-panel-toggle>span:before,.create-panel-toggle>span:after{position:absolute;top:3px;width:6px;height:1.5px;border-radius:999px;background:#aaa8b1;content:"";transition:background .16s ease}.create-panel-toggle>span:before{left:0;transform:rotate(45deg);transform-origin:right center}.create-panel-toggle>span:after{right:0;transform:rotate(-45deg);transform-origin:left center}.create-collapsible.is-collapsed .create-panel-toggle>span{transform:translateY(-1px) rotate(180deg)}.create-panel-toggle:hover>span:before,.create-panel-toggle:hover>span:after{background:#f2f2f5}.create-collapsible>[data-panel-body]{display:grid;gap:0}.create-collapsible>[data-panel-body][hidden]{display:none}.create-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.create-icon-button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;color:#b9b8c0;background:transparent;font-size:15px;cursor:pointer}.create-icon-button .create-trash-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.create-icon-button:hover:not(:disabled){color:#fff;background:#fff1}.create-icon-button:disabled{color:#777680;cursor:default;opacity:.62}.create-style-library-popover{position:fixed;z-index:30;width:min(380px,calc(100vw - 20px));height:min(460px,calc(100dvh - 20px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(190,157,255,.25);border-radius:15px;background:#202026;box-shadow:0 22px 55px #00000080,0 0 0 1px #0003}.create-style-library-heading{display:flex;align-items:flex-start;gap:10px;padding:14px 15px 11px;background:linear-gradient(135deg,rgba(167,124,255,.13),transparent 65%)}.create-style-library-heading>div{display:grid;gap:4px}.create-style-library-heading strong{color:#f5f2ff;font-size:12px}.create-style-library-count{margin-left:auto;padding-top:11px;color:#888391;font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.create-style-library-close{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;color:#aaa7b3;background:transparent;font-size:18px;line-height:1;cursor:pointer}.create-style-library-close:hover{color:#fff;background:#ffffff14}.create-style-library-search{height:32px;display:flex;align-items:center;gap:7px;margin:0 10px 9px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#83808b;background:#0a0a0d6b}.create-style-library-search:focus-within{border-color:#a77cff8c;box-shadow:0 0 0 2px #a77cff1a}.create-style-library-search>span{font-size:16px;line-height:1}.create-style-library-search input{min-width:0;flex:1;border:0;outline:0;color:#e9e7ee;background:transparent;font:inherit;font-size:9px}.create-style-library-search input::placeholder{color:#686671}.create-style-library-search button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:#aaa7b3;background:transparent;font-size:14px;cursor:pointer}.create-style-library-search button:hover{color:#fff;background:#ffffff14}.create-style-library-tabs{display:flex;gap:3px;padding:0 10px 9px;border-bottom:1px solid rgba(255,255,255,.07)}.create-style-library-tabs button{min-width:0;flex:1;padding:8px 5px;border:0;border-radius:8px;color:#8d8a96;background:transparent;font-size:9px;cursor:pointer}.create-style-library-tabs button:hover{color:#e8e2f8;background:#ffffff0d}.create-style-library-tabs button[aria-selected=true]{color:#eee8ff;background:#a77cff2e;box-shadow:inset 0 -1px #b99cff}.create-style-library-list{min-height:0;flex:1;display:grid;align-content:start;gap:8px;overflow-y:auto;padding:10px;scrollbar-width:thin}.create-style-library-item{display:grid;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0a0a0d57}.create-style-library-item-heading{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.create-style-library-item-heading strong{min-width:0;overflow:hidden;color:#e7e5ec;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.create-style-library-item-heading small{flex:0 0 auto;overflow:hidden;max-width:40%;color:#777481;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.create-style-library-item p{display:-webkit-box;overflow:hidden;margin:0;color:#a6a3ad;font-size:9px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.create-style-import{justify-self:end;min-width:48px;padding:6px 10px;border:1px solid rgba(167,124,255,.32);border-radius:7px;color:#e9ddff;background:#a77cff24;font-size:9px;cursor:pointer}.create-style-import:hover:not(:disabled){border-color:#bfa1ffb3;color:#fff;background:#a77cff40}.create-style-import:disabled{color:#686570;background:transparent;cursor:not-allowed}.create-style-library-empty{padding:26px 12px;color:#777481;font-size:9px;line-height:1.6;text-align:center}.create-style-library-empty.is-error{color:#ff9da1}.create-advanced-panel{position:relative}.create-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.create-audio-mode{min-width:92px;height:34px;display:flex;align-items:center;gap:7px;margin:0;padding:0 9px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#242429}.create-audio-mode>span{color:#d6d5db}.create-audio-mode select{min-width:0;flex:1;padding:0;border:0;outline:0;color:#f5f4f7;background:transparent;font:inherit;font-size:11px;font-weight:750}.create-audio-loaded{margin-top:10px}.create-audio-meta{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 5px 9px}.create-audio-meta>button{position:relative;width:32px;height:32px;display:grid;place-items:center;overflow:hidden;padding:0;border:0;border-radius:9px;color:#fff;background:linear-gradient(145deg,#7b5af4,#d34ab5);cursor:pointer}.create-audio-cover{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffdb;background:linear-gradient(145deg,#7b5af4,#d34ab5);font-size:16px}.create-audio-cover img{width:100%;height:100%;object-fit:cover}.create-audio-cover:not(.is-fallback){filter:brightness(.72)}.create-audio-play-icon{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;text-shadow:0 1px 3px rgba(0,0,0,.7)}.create-audio-meta>div{min-width:0;display:grid;gap:3px}.create-audio-meta strong,.create-audio-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-audio-meta strong{font-size:11px}.create-audio-meta span{color:#8b8994;font-size:9px;font-variant-numeric:tabular-nums}.create-audio-wave{position:relative;height:82px;overflow:hidden;border:1px solid #46444d;border-radius:12px;background:#0c0c0f;cursor:pointer}.create-audio-wave canvas{width:100%;height:100%;display:block}.create-audio-wave.is-extend-mode{cursor:ew-resize}.create-audio-selection{position:absolute;z-index:1;top:0;bottom:0;display:none;overflow:hidden;pointer-events:none}.create-audio-wave.is-extend-mode .create-audio-selection{display:block}.create-audio-selection-keep{left:0;width:0;border:1px solid rgba(255,79,166,.9);border-radius:11px 0 0 11px;background:#ff4fa61f}.create-audio-selection-recreate{right:0;width:0;border:1px dashed rgba(255,255,255,.16);border-radius:0 11px 11px 0;background:#ffffff14}.create-audio-selection b{position:absolute;top:2px;left:50%;transform:translate(-50%);color:#ffffffd6;font-size:8px;letter-spacing:.08em;white-space:nowrap}.create-audio-selection-keep b{color:#ff8bc5}.create-audio-selection-recreate b{color:#9c9aa4}.create-audio-wave i{position:absolute;z-index:2;top:6px;bottom:6px;left:0;width:1px;background:#ff4fa6;box-shadow:0 0 7px #ff4fa6b3;pointer-events:none}.create-audio-extend-controls{display:grid;gap:5px;margin-top:9px;padding:0 5px}.create-audio-extend-heading{display:flex;align-items:center;gap:6px;color:#777580;font-size:10px}.create-audio-extend-heading output{padding:4px 6px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f1eef5;background:#222227;font-variant-numeric:tabular-nums}.create-audio-extend-heading button{margin-left:auto;padding:5px 9px;border:0;border-radius:8px;color:#f0eaff;background:#24242a;font:inherit;font-size:10px;cursor:pointer}.create-audio-extend-heading button:hover{background:#302d38}.create-audio-extend-controls input[type=range]{width:100%;height:12px;appearance:none;background:transparent;cursor:ew-resize}.create-audio-extend-controls input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#ff4fa6 var(--extend-progress, 100%),#3b3941 var(--extend-progress, 100%))}.create-audio-extend-controls input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3px;appearance:none;border:2px solid #fff;border-radius:50%;background:#ff4fa6;box-shadow:0 0 0 2px #ff4fa640}.create-audio-extend-controls input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:#3b3941}.create-audio-extend-controls input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:#ff4fa6}.create-audio-extend-controls input[type=range]::-moz-range-thumb{width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ff4fa6}.create-audio-card>audio{display:none}.create-editor-card{padding-bottom:10px}.create-editor-card>[data-panel-body]>textarea{width:100%;min-height:172px;margin-top:8px;padding:8px 4px;border:0;outline:0;color:#eeeef1;background:transparent;font:inherit;font-size:12px;line-height:1.55;resize:vertical;scrollbar-width:thin}.create-editor-card>[data-panel-body]>textarea::placeholder{color:#61606a}#create-styles-body>textarea{min-height:110px}.create-editor-footer{position:relative;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.045)}.create-editor-footer small{color:#6d6b75;font-size:8px;font-variant-numeric:tabular-nums}.create-style-shortcuts{display:flex;gap:7px;overflow-x:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.045);scrollbar-width:none}.create-style-shortcuts::-webkit-scrollbar{display:none}.create-style-shortcuts button{flex:0 0 auto;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.065);border-radius:999px;color:#c7c5cd;background:#222227;font-size:9px;cursor:pointer}.create-style-shortcuts button:hover{border-color:#a77cff5c;color:#fff;background:#a77cff1f}.create-style-footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.045)}.create-style-footer .create-style-shortcuts{min-width:0;flex:1;padding-top:0;border-top:0}.create-style-footer>small{flex:0 0 auto;padding-right:1px;color:#6d6b75;font-size:8px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.create-style-footer>small b{font-weight:600}.create-clear .create-trash-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}.create-advanced-title{padding:13px 14px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#18181c}.create-advanced-title>span{color:#f2f2f5;font-size:13px;font-weight:780}.create-more-options{display:grid;gap:10px}.create-more-options .create-panel-heading{margin-bottom:1px}.create-more-options>[data-panel-body]{gap:10px}.create-option-input{height:46px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:0 13px;border:1px solid rgba(255,255,255,.045);border-radius:13px;color:#c0bec7;background:#0f0f12}.create-option-input input{min-width:0;border:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:10px}.create-option-input input::placeholder{color:#666570}.create-option-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 13px;border:1px solid rgba(255,255,255,.04);border-radius:13px;background:#0f0f12}.create-option-row>span,.create-slider-row>span{display:flex;align-items:center;gap:5px;color:#dfdee3;font-size:10px;font-weight:700;white-space:nowrap}.create-option-row>span small{margin-left:4px;color:#625f69;font-size:9px;font-weight:550}.create-option-row i,.create-slider-row i{width:12px;height:12px;display:grid;place-items:center;border-radius:50%;color:#111114;background:#7c7b82;font-size:8px;font-style:normal;cursor:help}.create-segment-control{display:flex;align-items:center;gap:2px}.create-segment-control button{min-width:40px;height:32px;padding:0 8px;border:0;border-radius:9px;color:#6f6e77;background:transparent;font-size:10px;cursor:pointer}.create-segment-control button:hover:not(:disabled){color:#c8c6cd}.create-segment-control button.active{color:#f4f3f6;background:#2b2b30}.create-segment-control button:disabled{opacity:.4;cursor:not-allowed}.create-duration-row{flex-wrap:wrap}.create-duration-row>label{width:100%;height:36px;display:flex;align-items:center;gap:8px;margin:2px 0 0;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#17171b}.create-duration-row>label input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent}.create-duration-row>label span{color:#777580;font-size:9px}.create-slider-row{min-height:54px;display:grid;grid-template-columns:minmax(105px,auto) minmax(120px,1fr) 42px;align-items:center;gap:10px;margin:0;padding:8px 13px;border:1px solid rgba(255,255,255,.04);border-radius:13px;background:#0f0f12}.create-slider-row input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}.create-slider-row input[type=range]::-webkit-slider-runnable-track{height:18px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#2d2c33 calc(10% - 1px) 10%)}.create-slider-row input[type=range]::-webkit-slider-thumb{width:10px;height:28px;margin-top:-5px;appearance:none;border:0;border-radius:999px;background:#ff4fa6;box-shadow:0 0 8px #ff4fa640}.create-slider-row input[type=range]::-moz-range-track{height:18px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#2d2c33 calc(10% - 1px) 10%)}.create-slider-row input[type=range]::-moz-range-thumb{width:10px;height:28px;border:0;border-radius:999px;background:#ff4fa6}.create-slider-row input:disabled{cursor:not-allowed;opacity:.42}.create-slider-row output{color:#efedf2;font-size:10px;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}.create-slider-row output.is-warning{color:#ff8099}.create-option-reset{width:24px;height:24px;padding:0;border:0;border-radius:50%;color:#777480;background:transparent;font:inherit;font-size:14px;line-height:1;cursor:pointer}.create-slider-row>span .create-option-reset{flex:0 0 auto;margin-left:-1px}.create-option-reset:hover{color:#fff;background:#a77cff29}.create-option-reset[hidden]{display:none}.create-submit-row{position:sticky;bottom:-26px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:auto -25px -25px;padding:10px 25px;background:#111114}.create-clear{min-width:72px;height:48px;padding:0 13px;border:1px solid #35343d;border-radius:999px;color:#aaa8b2;background:#222228;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.create-clear:hover{color:#fff;border-color:#656071;background:#2c2b33}.create-submit{width:100%;height:48px;border:0;border-radius:999px;color:#101014;background:linear-gradient(120deg,#fff,#d9ceff);font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 10px 30px #7450ff24}.create-submit:disabled{color:#ffffff9e;background:linear-gradient(120deg,#7e52e094,#be4fd094);opacity:1;box-shadow:0 -12px 25px #111114;cursor:not-allowed}.create-results{display:flex;flex-direction:column;overflow:hidden;padding:25px 27px}.create-results-toolbar{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 16px}.create-results-toolbar .section-kicker{color:#8569e9}.create-results-toolbar>div:first-child>p{margin:7px 0 0;color:#777680;font-size:10px}.create-result-filters{display:flex;align-items:center;gap:8px}.create-result-filters label{display:flex;align-items:center;gap:8px;min-width:250px;height:40px;padding:0 12px;border:1px solid #292930;border-radius:999px;color:#777781;background:#17171b}.create-result-filters input{width:100%;border:0;outline:0;color:#fff;background:transparent}.create-result-filters select,.create-result-filters button{height:40px;padding:0 13px;border:1px solid #292930;border-radius:999px;color:#d4d4da;background:#17171b;cursor:pointer}.create-results-stage{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px}.create-results.has-detail .create-results-stage{grid-template-columns:minmax(0,1fr) minmax(270px,31%)}.create-results-list{min-height:0;flex:1;overflow-y:auto;padding:1px 2px 4px 1px;scrollbar-width:thin}.create-results-items{display:grid;align-content:start;gap:12px}.create-list-sentinel{min-height:42px;padding:14px 0 4px;color:#6f6e78;font-size:10px;text-align:center}.create-list-sentinel[hidden]{display:none}.create-task-card{overflow:hidden;border:1px solid #26262c;border-radius:16px;background:#131316;box-shadow:0 10px 32px #0002}.create-task-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #232329}.create-task-card>header div{min-width:0;display:grid;gap:4px}.create-task-card>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.create-task-card>header span,.create-task-card>header time{color:#74747e;font-size:11px}.create-task-card>header b{padding:5px 9px;border-radius:999px;color:#c9baff;background:#8060ee1e;font-size:11px}.create-task-card[data-status=completed]>header b{color:#79ecaf;background:#42d88b17}.create-task-card[data-status=failed]>header b{color:#ff8099;background:#ff5e7f17}.create-clip{display:grid;grid-template-columns:58px minmax(0,1fr) 0;align-items:center;gap:13px;padding:12px 15px}.create-clip+.create-clip{border-top:1px solid #232329}.create-clip[data-library-key]{border-radius:12px;cursor:pointer;transition:background .16s,box-shadow .16s}.create-clip[data-library-key]:hover,.create-clip[data-library-key]:focus-visible{outline:0;background:#7e52e014;box-shadow:inset 0 0 0 1px #a77cff33}.create-cover{width:58px;height:58px;overflow:hidden;display:grid;place-items:center;border-radius:10px;color:#d9caff;background:radial-gradient(circle at 30% 20%,#8e6bff,#24202f 60%,#15151a);font-size:24px}.create-cover img{width:100%;height:100%;object-fit:cover}.create-clip-copy{min-width:0;display:grid;gap:6px}.create-clip-copy strong,.create-clip-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-clip-copy strong{font-size:14px}.create-clip-copy span{color:#777780;font-size:11px}.create-clip a{padding:8px 11px;border:1px solid #303037;border-radius:999px;color:#d8d0f9;text-decoration:none;font-size:11px}.create-clip-actions{display:flex;align-items:center;justify-content:flex-end;width:0;min-width:0;overflow:hidden}.create-full-song-button{padding:9px 13px;border:0;border-radius:999px;color:#f7f5fb;background:#2b2930;font:inherit;font-size:11px;font-weight:650;cursor:pointer;opacity:0;transform:translate(5px);transition:opacity .16s,transform .16s,background .16s}.create-clip:hover:has(.create-full-song-button),.create-clip:focus-within:has(.create-full-song-button){grid-template-columns:58px minmax(0,1fr) auto}.create-clip:hover .create-clip-actions,.create-clip:focus-within .create-clip-actions{width:auto;min-width:106px;overflow:visible}.create-clip:hover .create-full-song-button,.create-clip:focus-within .create-full-song-button,.create-full-song-button:focus-visible{opacity:1;transform:translate(0)}.create-full-song-button:hover:not(:disabled){background:#4a3c63}.create-full-song-button:disabled{color:#918c9a;cursor:default;opacity:.78;transform:none}.create-full-song-container{grid-column:1 / -1;display:grid;gap:8px;margin:1px 0 0;padding:10px 0 1px;border-top:1px solid rgba(255,255,255,.07)}.create-full-song-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#8a8792;font-size:10px}.create-full-song-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-full-song-track{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(243,196,119,.18);border-radius:12px;background:#f3c4770e}.create-full-song-cover{position:relative;width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#f2d18c;background:#30281d;font-size:18px}.create-full-song-cover img{width:100%;height:100%;object-fit:cover}.create-full-song-copy{min-width:0;display:grid;gap:3px}.create-full-song-title{min-width:0;display:flex;align-items:center;gap:6px}.create-full-song-title strong,.create-full-song-copy span,.create-full-song-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-full-song-title strong{color:#f0edf3;font-size:12px}.create-full-song-copy span,.create-full-song-copy small{color:#9a958c;font-size:10px}.create-full-song-state{color:#aaa39a;font-size:10px}.create-full-song-record-tag{flex:0 0 auto;padding:3px 6px;border:1px solid rgba(243,196,119,.3);border-radius:999px;color:#f3c477;background:#f3c4771a;font-size:8px;font-weight:800;line-height:1;letter-spacing:.04em}.create-library-song{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:13px 15px;border:1px solid #26262c;border-radius:16px;background:#131316;box-shadow:0 10px 32px #0002;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.create-library-song:hover,.create-library-song:focus-visible{border-color:#57438b;background:#17171c;outline:0}.create-library-song.is-selected{border-color:#8f6cff;background:#1a1821}.create-library-song .create-cover{width:64px;height:64px}.create-library-copy{min-width:0;display:grid;gap:5px}.create-library-title{min-width:0;display:flex;align-items:center;gap:8px}.create-library-title strong{overflow:hidden;color:#ececf0;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.create-library-title span{flex:0 0 auto;padding:3px 6px;border-radius:999px;color:#bdaaff;background:#8060ee24;font-size:8px}.create-library-title .create-record-tag{display:inline-flex;align-items:center;min-height:16px;padding:2px 6px;border:1px solid transparent;border-radius:999px;font-size:7px;font-weight:700;line-height:1}.create-record-tag[data-tag=\4e0a\4f20]{border-color:#55d6a047;background:#55d6a01a;color:#69dcae}.create-record-tag[data-tag=\540c\6b65]{border-color:#a77cff57;background:#a77cff1f;color:#b99cff}.create-record-tag[data-tag=\7ffb\5531]{border-color:#ff7ebf4d;background:#ff7ebf1a;color:#ff91c9}.create-record-tag[data-tag=\5ef6\957f]{border-color:#f3c4774d;background:#f3c4771a;color:#f3c477}.create-record-tag[data-tag=\7f16\8f91]{border-color:#77c7ff4d;background:#77c7ff1a;color:#77c7ff}.create-record-tag[data-tag=\66ff\6362]{border-color:#cbaaff52;background:#cbaaff1c;color:#cbaaff}.create-library-copy p{overflow:hidden;margin:0;color:#85848d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.create-library-copy small{overflow:hidden;color:#64636c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.create-play-cover{position:relative}.create-record-play{position:absolute;inset:0;width:30px;height:30px;box-sizing:border-box;display:grid;place-items:center;margin:auto;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:#0f0f12b8;font-size:11px;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 6px 16px #0006;transition:opacity .16s,visibility .16s,transform .16s,background .16s,border-color .16s}.create-play-cover:hover .create-record-play,.create-play-cover:focus-within .create-record-play,.create-clip:focus-visible .create-record-play,.create-library-song:focus-visible .create-record-play,.create-record-play:focus-visible,.create-record-play.is-playing,.create-record-play.is-loading{opacity:1;visibility:visible;pointer-events:auto}.create-record-play:hover{border-color:#d6c9ff;background:#7452dae6;transform:scale(1.08)}.create-record-play:disabled{cursor:wait;opacity:.58;background:#0f0f12c7;transform:none}.create-play-icon-default{transform:translate(1px)}.create-play-icon-playing{display:none;width:14px;height:14px;box-sizing:border-box;align-items:center;justify-content:center;gap:2px;padding:0}.create-play-icon-playing i{display:block;width:2px;height:7px;border-radius:2px;background:currentColor;animation:create-play-bars .72s ease-in-out infinite alternate}.create-play-icon-playing i:nth-child(2){height:12px;animation-delay:-.36s}.create-play-icon-playing i:nth-child(3){height:9px;animation-delay:-.18s}.create-play-icon-hover-pause{display:none;font-size:11px;font-weight:800;letter-spacing:-2px;padding:0}.create-record-play.is-playing .create-play-icon-default{display:none}.create-record-play.is-playing .create-play-icon-playing{display:inline-flex}.create-record-play.is-loading .create-play-icon-default{display:none}.create-record-play.is-loading .create-play-icon-playing{display:inline-flex}.create-record-play.is-playing:hover .create-play-icon-playing{display:none}.create-record-play.is-playing:hover .create-play-icon-hover-pause{display:inline-block}.create-record-play.is-playing:hover .create-play-icon-playing i{animation-play-state:paused}.create-cover-duration{position:absolute;right:3px;bottom:3px;z-index:2;max-width:calc(100% - 6px);padding:2px 4px;border-radius:4px;color:#fff;background:#0a0a0dc7;font-size:8px;font-variant-numeric:tabular-nums;line-height:1.1;pointer-events:none}@keyframes create-play-bars{0%{transform:scaleY(.55);opacity:.68}to{transform:scaleY(1.15);opacity:1}}.create-detail-drawer{min-width:0;min-height:0;position:relative;overflow:hidden;border:1px solid #303037;border-radius:16px;background:#111114;box-shadow:0 10px 32px #0003}.create-detail-drawer[hidden]{display:none}.create-detail-content{height:100%;overflow-y:auto;padding:14px 16px 24px;scrollbar-width:thin}.create-detail-close{position:absolute;z-index:2;top:9px;right:9px;width:32px;height:32px;border:1px solid #45434d;border-radius:50%;color:#e4e1e8;background:#18181d;font-size:22px;line-height:1;cursor:pointer}.create-detail-cover{width:min(100%,180px);aspect-ratio:1;overflow:hidden;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;color:#d9caff;background:radial-gradient(circle at 30% 20%,#8e6bff,#24202f 60%,#15151a);font-size:42px}.create-detail-cover img{width:100%;height:100%;object-fit:cover}.create-detail-content h3{margin:0;color:#f6f4f7;font-size:18px}.create-detail-caption{margin:4px 0 18px;color:#8c8995;font-size:11px}.create-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:16px}.create-remix-button{width:100%;min-height:46px;border:0;border-radius:15px;color:#f7f4ff;background:linear-gradient(130deg,#302e35,#29272e);font-weight:750;cursor:pointer}.create-remix-button:hover{background:linear-gradient(130deg,#40365e,#322b3d)}.create-suno-button{min-height:46px;display:grid;place-items:center;padding:0 14px;border:1px solid #45414f;border-radius:15px;color:#e6dff7;background:#1b1a20;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap}.create-suno-button:hover{border-color:#8f6cff;background:#25202f}.create-auto-split-button{min-height:46px;padding:0 13px;border:1px solid rgba(167,124,255,.38);border-radius:15px;color:#d8c7ff;background:#744cd21f;font-size:10px;font-weight:750;white-space:nowrap}.create-auto-split-button:hover:not(:disabled){border-color:#9f7cff;background:#7e52e038}.create-auto-split-button:disabled{cursor:not-allowed;opacity:.45}.create-detail-fold{margin-bottom:12px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#1b1b20}.create-detail-fold>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.create-detail-fold>header>span,.create-detail-fold>header>strong{color:#b8a8e6;font-size:10px}.create-detail-fold>header>div{display:flex;align-items:center;gap:9px}.create-detail-copy{display:grid;place-items:center;padding:0;border:0;color:#a9a6af;background:transparent;cursor:pointer}.create-detail-fold-toggle{min-width:58px;height:26px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aaa7b2;background:#ffffff06;font-size:8px;font-weight:700}.create-detail-fold-toggle:hover{border-color:#a77cff66;color:#d9ccfa}.create-detail-fold-toggle svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s ease}.create-detail-fold-toggle.is-expanded svg{transform:rotate(180deg)}.create-detail-fold-body{position:relative;max-height:1600px;overflow:hidden;transition:max-height .24s ease}.create-detail-fold-body.is-collapsed{-webkit-mask-image:linear-gradient(#000 66%,transparent);mask-image:linear-gradient(#000 66%,transparent)}.create-detail-fold-body[data-detail-body=styles].is-collapsed{max-height:66px}.create-detail-fold-body[data-detail-body=lyrics].is-collapsed{max-height:112px}.create-detail-fold-body[data-detail-body=options].is-collapsed{max-height:66px}.create-detail-fold-body:not(.is-collapsed){-webkit-mask-image:none;mask-image:none}.create-detail-style-card p{margin:8px 0;color:#cfccd5;font-size:11px;line-height:1.5}.create-detail-style-card strong{color:#f2eef9;font-size:10px}.create-detail-style-extra{margin-top:12px;padding-top:10px;border-top:1px solid #35343c}.create-detail-style-extra p{display:flex;justify-content:space-between;gap:12px;margin:5px 0;color:#aaa7b1;font-size:10px}.create-detail-style-extra p span{color:#77747e}.create-detail-lyrics header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f3f0f5;font-size:11px}.create-detail-lyrics-tools{display:flex;align-items:center;gap:8px}.create-detail-lyrics header span{color:#8c8995;font-size:9px}.create-detail-lyrics p{margin:9px 0 0;color:#f2eff5;font-size:12px;line-height:1.55;white-space:normal}.create-detail-stems{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.065)}.create-detail-stems>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.create-detail-stems>header>div{display:flex;align-items:center;gap:8px}.create-detail-stems>header span{padding:4px 6px;border:1px solid rgba(167,124,255,.28);border-radius:999px;color:#ad8dff;background:#a77cff14;font-size:6px;font-weight:800;letter-spacing:.12em}.create-detail-stems>header strong{color:#e3dcef;font-size:11px}.create-detail-stems>header small{color:#85838c;font-size:8px}.create-copy-stem-links{min-height:26px;padding:0 9px;border:1px solid rgba(167,124,255,.25);border-radius:999px;color:#c8b4f5;background:#a77cff12;font-size:7px;font-weight:750;white-space:nowrap}.create-copy-stem-links:hover{border-color:#a77cff80;background:#a77cff24;color:#eadfff}.create-detail-stems-empty{margin:10px 0 0;padding:14px 12px;border:1px dashed rgba(167,124,255,.16);border-radius:11px;color:#77737f;background:#a77cff06;font-size:9px;line-height:1.55;text-align:center}.create-detail-stem-group{margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#ffffff03}.create-detail-stem-group+.create-detail-stem-group{margin-top:9px}.create-detail-stem-group>header{display:flex;align-items:center;justify-content:space-between;gap:9px}.create-detail-stem-group>header strong{color:#cbbbe9;font-size:9px}.create-detail-stem-group>header span{overflow:hidden;color:#706d77;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.create-detail-stem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.create-detail-stem-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"cover copy" "cover meta";align-items:center;column-gap:8px;row-gap:5px;padding:9px;border:1px solid rgba(167,124,255,.14);border-radius:11px;background:linear-gradient(145deg,#a77cff0e,#ffffff05 45%),#121217}.create-detail-stem-card.is-pending{opacity:.68}.create-detail-stem-cover{position:relative;width:38px;height:38px;grid-area:cover;overflow:hidden;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,#5735a2,#a83d87);color:#fff;font-size:6px;font-weight:800}.create-detail-stem-cover img{width:100%;height:100%;object-fit:cover}.create-detail-stem-cover button{position:absolute;inset:0;width:24px;height:24px;margin:auto;padding:0 0 0 2px;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:#fff;background:#0c0c10b8;font-size:8px}.create-detail-stem-copy{min-width:0;grid-area:copy;overflow:hidden;display:grid;gap:3px}.create-detail-stem-copy strong,.create-detail-stem-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-detail-stem-copy strong{color:#e9e1f5;font-size:9px}.create-detail-stem-copy span{color:#7e7b86;font-size:7px}.create-detail-stem-copy small{color:#9a96a1;font-size:7px}.create-detail-stem-card-meta{min-width:0;grid-area:meta;display:flex;flex-wrap:nowrap;align-items:center;justify-self:end;gap:5px}.create-detail-stem-versions{min-width:0;max-width:calc(100% - 27px);flex:1 1 auto;overflow-x:auto;scrollbar-width:none;display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#ffffff0b}.create-detail-stem-versions::-webkit-scrollbar{display:none}.create-detail-stem-version{width:20px;height:18px;padding:0;border:0;border-radius:999px;color:#777580;background:transparent;font-size:7px;font-weight:750}.create-detail-stem-version:hover{color:#d5c4ff}.create-detail-stem-version.is-active{color:#fff;background:linear-gradient(135deg,#8d5cff,#d346a1);box-shadow:0 3px 9px #8d5cff47}.create-detail-stem-open{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:7px;color:#aaa0bc;text-decoration:none}.create-detail-stem-open:hover{color:#d9c9ff;background:#a77cff1a}.create-detail-stem-open[hidden]{display:none}.create-task-wait{display:flex;align-items:center;gap:10px;min-height:70px;padding:15px;color:#868690;font-size:12px}.create-task-wait i{width:13px;height:13px;border:2px solid #3b3b43;border-top-color:#9c7cff;border-radius:50%;animation:create-spin .8s linear infinite}.create-empty{min-height:420px;display:grid;place-content:center;justify-items:center;gap:8px;color:#777781;text-align:center}.create-empty>span{font-size:42px;color:#9d83ff}.create-empty h3,.create-empty p{margin:0}.create-empty h3{color:#d9d9de}.create-empty p{max-width:390px;font-size:12px}.create-empty.is-error h3{color:#ff8099}.create-music-player{flex:0 0 auto;min-width:0;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42%) minmax(0,1fr);align-items:center;gap:18px;margin:14px -27px -25px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(120deg,#292a31,#19191d 65%,#242128);box-shadow:0 -12px 35px #00000042}.create-music-player[hidden]{display:none}.create-player-track{width:340px;max-width:100%;min-width:0;display:flex;align-items:center;gap:10px}.create-player-cover{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#e0d4ff;background:radial-gradient(circle at 30% 20%,#8e6bff,#24202f 60%,#15151a);font-size:20px}.create-player-cover img{width:100%;height:100%;object-fit:cover}.create-player-copy{width:282px;max-width:calc(100% - 58px);min-width:0;display:grid;gap:4px}.create-player-copy>strong,.create-player-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-player-copy>strong{width:100%;color:#f3f0f7;font-size:12px}.create-player-copy>strong>span{display:inline-block;min-width:max-content}.create-player-copy>strong.is-scrolling>span{animation:create-player-title-scroll var(--create-title-duration,10s) ease-in-out infinite alternate;will-change:transform}.create-player-copy>strong.is-scrolling:hover>span{animation-play-state:paused}.create-player-copy>span{color:#a4a0ac;font-size:9px}.create-player-detail-link{min-width:0;display:flex;align-items:center;gap:5px}.create-player-detail-link[hidden]{display:none}.create-player-detail-link>span{min-width:0;overflow:hidden;color:#77737f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.create-player-detail-link>button{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border:1px solid rgba(167,124,255,.28);border-radius:5px;color:#c1adf1;background:#a77cff14;font-size:8px;cursor:pointer}.create-player-detail-link>button svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.create-player-detail-link>button:hover{border-color:#a77cff99;color:#f0eaff;background:#a77cff29}.create-player-main{min-width:0;display:grid;gap:6px}.create-player-controls{display:flex;align-items:center;justify-content:center;gap:8px}.create-player-controls button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#d2ced8;background:transparent;font-size:11px;cursor:pointer}.create-player-controls button:hover:not(:disabled){color:#fff;background:#ffffff1a}.create-player-controls button:disabled{opacity:.65;cursor:default}.create-player-controls .create-player-toggle{width:29px;height:29px;color:#17151d;background:#f2edf9;font-size:12px}.create-player-controls .create-player-toggle:hover{background:#fff}.create-player-timeline{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;color:#d3cfd7;font-size:8px;font-variant-numeric:tabular-nums}.create-player-timeline input[type=range],.create-player-volume-popover input[type=range]{appearance:none;background:transparent;cursor:pointer}.create-player-timeline input[type=range]{width:100%;height:15px;margin:0}.create-player-timeline input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#77737e}.create-player-timeline input[type=range]::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:#f5f1ff}.create-player-timeline input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:#77737e}.create-player-timeline input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#f5f1ff}.create-player-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#d7d2dc}.create-player-action-wrap{position:relative}.create-player-actions>a,.create-player-actions>button,.create-player-action-wrap>button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;text-decoration:none;font-size:13px;cursor:pointer}.create-player-actions>a:hover,.create-player-actions>button:hover:not(:disabled),.create-player-action-wrap>button:hover,.create-player-action-wrap>button[aria-expanded=true]{color:#fff;background:#ffffff1a}.create-player-actions>button svg,.create-player-action-wrap>button svg{width:17px;height:17px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.create-player-actions>button:disabled{cursor:wait;opacity:.72}.create-player-actions>button.is-loading svg{display:none}.create-player-actions>button.is-loading:after{width:13px;height:13px;content:"";border:2px solid rgba(255,255,255,.24);border-top-color:#d5c3ff;border-radius:50%;animation:create-player-download-spin .75s linear infinite}.create-player-action-wrap>button.is-muted{color:#77737e}.create-player-popover{position:absolute;z-index:8;right:0;bottom:calc(100% + 14px);border:1px solid #383740;border-radius:14px;background:#18181d;box-shadow:0 16px 40px #0000007a}.create-player-popover[hidden]{display:none}.create-player-queue-popover{width:min(310px,72vw);max-height:330px;overflow:hidden}.create-player-queue-popover header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px 10px;border-bottom:1px solid #2c2b32}.create-player-queue-popover header strong{color:#efedf3;font-size:11px}.create-player-queue-popover header span{color:#77747f;font-size:9px}.create-player-queue-list{max-height:276px;overflow-y:auto;padding:6px;scrollbar-width:thin}.create-player-queue-list>button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 8px;border:0;border-radius:9px;color:#8f8b96;background:transparent;text-align:left;cursor:pointer}.create-player-queue-list>button:hover{color:#dcd8e4;background:#222128}.create-player-queue-list>button.is-current{color:#d8cbff;background:#7e5beb21}.create-player-queue-list>button span,.create-player-queue-list>button small{font-size:8px;font-variant-numeric:tabular-nums}.create-player-queue-list>button strong{overflow:hidden;color:inherit;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.create-player-queue-list>p{margin:16px;color:#77747f;font-size:10px;text-align:center}.create-player-volume-popover{width:54px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:11px 8px 10px}.create-player-volume-popover output{color:#cfcad6;font-size:8px;font-variant-numeric:tabular-nums}.create-player-volume-popover input[type=range]{width:18px;height:108px;margin:0;writing-mode:vertical-lr;direction:rtl}.create-player-volume-popover input[type=range]::-webkit-slider-runnable-track{width:4px;border-radius:999px;background:#77737e}.create-player-volume-popover input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-left:-4px;appearance:none;border:0;border-radius:50%;background:#f5f1ff;box-shadow:0 0 0 3px #f5f1ff14}.create-player-volume-popover input[type=range]::-moz-range-track{width:4px;border-radius:999px;background:#77737e}.create-player-volume-popover input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#f5f1ff}.create-player-actions>a[hidden],.create-player-actions>button[hidden]{display:none}@keyframes create-player-title-scroll{0%,14%{transform:translate(0)}86%,to{transform:translate(calc(-1 * var(--create-title-shift,0px)))}}@keyframes create-player-download-spin{to{transform:rotate(360deg)}}@keyframes create-spin{to{transform:rotate(360deg)}}@media(min-width:981px){.create-body{overflow:hidden}.create-body .main-view{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.create-body .topbar{flex:0 0 68px}.create-body .create-studio{flex:1;min-height:0}}@media(max-width:1100px){.create-results-toolbar{flex-direction:column}.create-result-filters{width:100%}.create-result-filters label{min-width:0;flex:1}}@media(max-width:980px){.create-body .content-shell{overflow:visible}.create-studio{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.create-composer,.create-results{overflow:visible}.create-composer form{min-height:0}.create-submit-row{position:static}.create-music-player{grid-template-columns:minmax(260px,1fr) minmax(320px,42%) minmax(120px,1fr);margin:14px 0 -19px}.create-player-track{width:280px}.create-player-copy{width:222px}.create-results{min-height:650px}.create-results-list{overflow:visible}}@media(max-width:620px){.create-studio{gap:10px;margin-top:14px;margin-bottom:20px}.create-composer,.create-results{padding:19px 15px;border-radius:15px}.create-context-grid{grid-template-columns:1fr}.create-slider-row{grid-template-columns:minmax(0,1fr) 42px}.create-slider-row>span{grid-column:1 / -1}.create-results-toolbar{gap:14px}.create-submit-row{margin:auto -15px -19px;padding:10px 15px}.create-result-filters{flex-wrap:wrap}.create-result-filters label{flex-basis:100%}.create-task-card>header{grid-template-columns:1fr auto}.create-task-card>header time{display:none}.create-clip{grid-template-columns:50px minmax(0,1fr)}.create-cover{width:50px;height:50px}.create-clip a{grid-column:2;width:max-content}.create-clip-actions{grid-column:2;justify-content:flex-start;width:auto;min-width:0;overflow:visible}.create-full-song-button{opacity:1;transform:none}.create-library-song{grid-template-columns:50px minmax(0,1fr)}.create-library-song .create-cover{width:50px;height:50px}.create-results-stage,.create-results.has-detail .create-results-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}body.create-body:has(#create-detail-drawer:not([hidden])):before{content:"";position:fixed;z-index:48;inset:78px 0 67px;background:#030306bd;backdrop-filter:blur(5px);pointer-events:none}.create-detail-drawer{position:fixed;z-index:50;top:86px;right:8px;bottom:max(8px,calc(67px + env(safe-area-inset-bottom)));left:8px;min-height:0;max-height:none;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.12),transparent 32%),#111116;box-shadow:0 24px 70px #000000a6;animation:library-sheet-in .2s ease-out}.create-detail-content{padding:14px 15px 20px}.create-music-player{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px -15px -19px;padding:10px 15px}.create-player-main{grid-column:1 / -1;grid-row:2}.create-player-actions{grid-column:2}.create-player-track{width:min(100%,280px);grid-column:1}.create-player-queue-popover{right:-40px}}@media(max-width:440px){.create-detail-stem-grid{grid-template-columns:1fr}}.library-page{min-height:calc(100vh - 116px);display:flex;flex-direction:column;gap:14px;margin:24px 0}.library-panel{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:0;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#ffffff05}.library-filter{width:auto;min-width:0;display:flex;align-items:flex-end;gap:10px;margin-top:24px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0c0c0f}.library-filter-collapsible{width:100%;min-width:0;flex:1 1 auto}.library-filter-collapsible>summary{display:none}.library-toolbar .library-filter{width:100%;max-width:none;margin-top:0}.library-upload-button{min-height:37px;white-space:nowrap}.library-toolbar-actions{flex:0 0 auto;display:grid;grid-template-columns:auto auto;align-items:center;justify-items:end;gap:7px}.library-toolbar-actions .button{min-height:37px;white-space:nowrap}.library-sync-state{grid-column:1 / -1;max-width:280px;min-height:11px;overflow:hidden;color:#777780;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.library-sync-state.is-error{color:#ff858b}.library-sync-button.is-running{border-color:#ff7b8061;color:#ff9da2}.library-filter label{min-width:0;display:grid;justify-content:stretch;gap:6px;margin-bottom:0;color:#85858e;font-size:8px}.library-filter>label:first-child{width:auto;flex:1 1 280px}.library-filter input,.library-filter select{width:100%;height:37px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;outline:0;background:#101014;color:#d7d7dc;font:inherit;font-size:9px}.library-filter input:focus,.library-filter select:focus{border-color:#a77cff8c}.library-status-field,.library-hidden-source-field{width:145px;min-width:145px;flex:0 0 145px;display:grid;gap:6px;margin-bottom:0;color:#85858e;font-size:8px}.library-filter-dropdown{position:relative;width:100%}.library-filter-dropdown summary{height:37px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:#101014;color:#85858e;font-size:9px;cursor:pointer;list-style:none;transition:border-color .16s,background .16s}.library-filter-dropdown summary::-webkit-details-marker{display:none}.library-filter-dropdown summary:after{content:"\2304";color:#8d72c8;font-size:12px;transition:transform .16s}.library-filter-dropdown[open] summary{border-color:#a77cff8c;border-radius:9px;background:#121018}.library-filter-dropdown[open] summary:after{transform:rotate(180deg)}.library-filter-dropdown summary span{color:#d7d7dc;font-size:9px}.library-filter-options{position:absolute;z-index:12;top:43px;right:0;left:0;display:grid;gap:2px;max-height:min(310px,calc(100dvh - 180px));overflow-y:auto;padding:6px;border:1px solid rgba(167,124,255,.45);border-radius:10px;background:#17151d;box-shadow:0 14px 28px #0006}.library-filter-options label{width:auto!important;display:flex;align-items:center;gap:7px;padding:7px 6px;border-radius:6px;color:#aaa4b4;font-size:8px;cursor:pointer}.library-filter-options label:hover,.library-filter-options label:has(input:checked){background:#a77cff1f;color:#eee8f8}.library-filter-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.library-filter-options label:has(input:checked):before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#b38aff;box-shadow:0 0 7px #b38affc7}.library-filter-options label:has(input:focus-visible){outline:2px solid rgba(167,124,255,.4);outline-offset:2px}.library-summary{min-height:32px;flex:0 0 auto;display:flex;align-items:center;color:#777780;font-size:9px}.library-empty-state{min-height:280px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:34px 24px;border:1px dashed rgba(167,124,255,.22);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(167,124,255,.08),transparent 55%),#ffffff03;text-align:center}.library-empty-state[hidden]{display:none}.library-empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.3);border-radius:17px;background:linear-gradient(145deg,#6bb5ff1a,#a77cff29);color:#b296f1;font-size:23px;box-shadow:0 12px 30px #47308124}.library-empty-copy{display:grid;gap:7px;max-width:460px}.library-empty-kicker{color:#9f7bea;font-size:8px;font-weight:800;letter-spacing:1.7px}.library-empty-copy h3{margin:0;color:#eeeaf5;font-size:14px}.library-empty-copy p{margin:0;color:#777780;font-size:10px;line-height:1.7}.library-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:3px}.library-empty-actions .button{min-height:35px;padding:0 14px;font-size:9px}.library-browser{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0;transition:grid-template-columns .22s ease,gap .22s ease}.library-browser.is-empty{display:none}.library-browser.has-detail{grid-template-columns:minmax(300px,.88fr) minmax(390px,1.12fr);gap:12px}.library-detail-backdrop{display:none}.library-tree{min-width:0;min-height:0;display:grid;align-content:start;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding:1px 3px 8px 1px;scrollbar-color:#34343d transparent;scrollbar-width:thin}.library-tree::-webkit-scrollbar,.library-detail-scroll::-webkit-scrollbar{width:5px}.library-tree::-webkit-scrollbar-thumb,.library-detail-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#34343d}.library-song-row{position:relative;min-width:0;overflow:visible;border:1px solid var(--line);border-radius:11px;background:#ffffff05;transition:border-color .16s,background .16s,box-shadow .16s}.library-song-row:hover{border-color:#a77cff40;background:#a77cff09}.library-song-row.is-selected{border-color:#a77cff5c;background:linear-gradient(110deg,#a77cff1a,#a77cff06);box-shadow:inset 2px 0 #9e78f5}.library-song-select{width:100%;min-width:0;min-height:69px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 52px 11px 14px;border:0;background:transparent;text-align:left;cursor:pointer}.library-song-select:focus-visible{outline:1px solid rgba(167,124,255,.7);outline-offset:-2px}.library-song-cover{position:relative;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(167,124,255,.25);border-radius:10px;background:linear-gradient(140deg,#5431ba,#d34a9f 58%,#e58c53);color:#ffffffe0;font-size:18px}.library-song-cover:after{content:"";position:absolute;width:31px;height:31px;left:-11px;top:-12px;border:7px solid rgba(255,255,255,.12);border-radius:50%}.library-song-cover img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.library-song-cover.is-fallback{border-color:#a77cff40}.library-node-copy{min-width:0}.library-song-title{min-width:0;display:flex;align-items:center;gap:7px}.library-song-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-source-tag{flex:0 0 auto;display:inline-flex!important;align-items:center;min-height:16px;padding:2px 6px;border:1px solid transparent;border-radius:999px;font-size:7px;font-weight:700;line-height:1}.library-source-tag.is-upload{border-color:#55d6a047;background:#55d6a01a;color:#69dcae}.library-source-tag.is-sync{border-color:#a77cff57;background:#a77cff1f;color:#b99cff}.library-source-tag.is-create{border-color:#ffb85c57;background:#ffb85c1c;color:#ffc275}.styles-pool-panel{min-height:0;overflow:hidden}.styles-pool-workbench{display:flex;flex-direction:column;min-height:0;height:100%;gap:14px}.styles-pool-heading,.styles-pool-toolbar,.style-card-heading,.style-card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.styles-pool-toolbar{flex:0 0 auto;min-height:78px;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#08080b7a}.styles-search-fold{display:contents}.styles-search-fold>summary{display:none}.styles-pool-tabs{display:flex;gap:8px;flex-wrap:wrap}.styles-pool-tabs button,.style-tag-chip{border:1px solid var(--line);border-radius:9px;background:#18181ecc;color:var(--muted);padding:9px 13px;cursor:pointer}.styles-pool-tabs button.active{border-color:#a855f7cc;color:#fff;background:#a855f729}.styles-pool-search{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(132px,160px) auto;align-items:end;gap:10px}.styles-search-field,.styles-sort-field{min-width:0;display:grid;gap:7px;color:#85808c;font-size:8px}.styles-search-field>span:first-child,.styles-sort-field>span:first-child{padding-left:2px}.styles-search-input{min-height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#09090c9e;transition:border-color .16s,box-shadow .16s,background .16s}.styles-search-input:focus-within{border-color:#a77cff85;background:#0d0c11e0;box-shadow:0 0 0 3px #a77cff14}.styles-search-input svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#77717f;stroke-width:1.7;stroke-linecap:round}.styles-search-input input{width:100%;min-width:0;height:38px;padding:0;border:0;outline:0;background:transparent;color:#e8e2f0;font:inherit;font-size:9px}.styles-search-input input::placeholder{color:#615b68}.styles-sort-picker{position:relative}.styles-sort-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#09090c9e;color:#d8d2df;font:inherit;font-size:9px;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.styles-sort-trigger:hover,.styles-sort-trigger[aria-expanded=true]{border-color:#a77cff7a;background:#14111bf0;box-shadow:0 0 0 3px #a77cff12}.styles-sort-trigger i{width:7px;height:7px;flex:0 0 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s}.styles-sort-trigger[aria-expanded=true] i{transform:rotate(225deg) translate(-1px,-1px)}.styles-sort-menu{position:absolute;z-index:35;top:calc(100% + 8px);right:0;min-width:100%;padding:6px;border:1px solid rgba(167,124,255,.34);border-radius:12px;background:#19171f;box-shadow:0 18px 42px #0000007a}.styles-sort-menu[hidden]{display:none}.styles-sort-option{width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#b9b2c2;font:inherit;font-size:9px;text-align:left;cursor:pointer}.styles-sort-option:hover,.styles-sort-option:focus-visible{outline:0;background:#a77cff1c;color:#eee7f8}.styles-sort-option[aria-selected=true]{background:#a77cff2b;color:#d7c2ff}.styles-search-actions{display:flex;align-items:center;gap:8px}.styles-search-actions .button{min-height:40px;margin:0;white-space:nowrap}.styles-tag-filter{display:flex;flex-wrap:wrap;gap:8px}.style-tag-chip{--tag-color: #a855f7;border-color:color-mix(in srgb,var(--tag-color) 55%,var(--line))}.style-tag-chip.active{background:color-mix(in srgb,var(--tag-color) 22%,transparent);color:#fff}.styles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px;min-height:0;flex:1 1 auto;overflow:auto;box-sizing:border-box;padding:18px;align-content:start;border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.06),transparent 36%),#0a0a0e70}.style-card{position:relative;min-height:300px;border:1px solid var(--line);border-radius:14px;padding:17px;background:#121216bf;display:flex;flex-direction:column;gap:10px;transition:opacity .18s ease,transform .18s ease}.style-card.is-removing{opacity:0;transform:scale(.985);pointer-events:none}.style-card-heading{justify-content:flex-start;min-width:0;min-height:28px}.style-card h3{min-width:0;overflow:hidden;margin:0;font-size:16px;color:#fff;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.style-card-author{display:inline-flex;align-items:center;min-width:0;gap:7px;color:var(--muted);font-size:12px}.style-card-author>span:last-child{overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.style-card-author-avatar{width:24px;height:24px;flex:0 0 24px;border:1px solid rgba(168,85,247,.35);border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);object-fit:cover}.style-card-author-fallback{display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.style-card-prompt{height:100px;min-height:100px;max-height:100px;box-sizing:border-box;margin:0;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#08080b7a;white-space:pre-wrap;line-height:1.55;overflow:auto;color:#eee}.style-card-description{margin:0;min-height:20px;color:var(--muted);font-size:12px}.style-card-tags{display:flex;min-width:0;gap:6px;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none}.style-card-tags::-webkit-scrollbar{display:none}.style-card-tags span{--tag-color: #a855f7;flex:0 0 auto;white-space:nowrap;border:1px solid color-mix(in srgb,var(--tag-color) 55%,var(--line));color:color-mix(in srgb,var(--tag-color) 80%,white);border-radius:999px;padding:3px 8px;font-size:11px;line-height:1.3}.style-card-actions{justify-content:flex-start;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.style-card-actions .button{min-width:0;padding-left:10px;padding-right:10px}.style-card-note-trigger{width:34px;min-width:34px!important;padding-left:0!important;padding-right:0!important}.style-card-note-trigger[aria-expanded=true]{border-color:#a77cff80;background:#a77cff1f;color:#ddcaff}.style-card-note{position:absolute;z-index:18;right:12px;bottom:58px;left:12px;max-height:150px;overflow:auto;padding:12px 13px;border:1px solid rgba(167,124,255,.38);border-radius:11px;background:#1b1822;box-shadow:0 18px 40px #00000085;color:#d5cfdf;font-size:12px;line-height:1.6;white-space:pre-wrap}.style-card-note[hidden]{display:none}.style-action-icon{display:inline-grid;width:15px;height:15px;place-items:center}.style-action-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.style-card-actions .button.is-favorite{border-color:#facc1573;color:#facc15;background:#facc151a}.style-card-actions .button.is-favorite .style-action-icon svg{fill:#facc15;stroke:#facc15;filter:drop-shadow(0 0 4px rgba(250,204,21,.38))}.style-card-actions .button.is-loading{cursor:wait}.style-card-actions .button.is-loading:before{content:"";width:10px;height:10px;flex:0 0 10px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:style-favorite-spin .7s linear infinite}@keyframes style-favorite-spin{to{transform:rotate(360deg)}}.styles-empty{grid-column:1 / -1;min-height:100%;display:grid;place-items:center;color:var(--muted);border:0;border-radius:0}.styles-editor{background:#050508ad;backdrop-filter:blur(6px)}.styles-editor-card{width:min(520px,calc(100vw - 28px));padding:30px;display:flex;flex-direction:column;gap:16px}.styles-editor-card h2{margin:0 0 8px;font-size:22px}.styles-editor-card label{display:grid;gap:8px;color:var(--muted);font-size:12px}.styles-editor-card input:not([type=hidden]),.styles-editor-card textarea{width:100%;min-height:42px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:#0e0e11;color:var(--text);font:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.styles-editor-card input:not([type=hidden]):focus,.styles-editor-card textarea:focus{border-color:#a77cff94;background:#111016;box-shadow:0 0 0 3px #a77cff1a}.styles-editor-card input::placeholder,.styles-editor-card textarea::placeholder{color:#625d69}.styles-editor-card textarea{resize:vertical;min-height:112px;line-height:1.55}#styles-prompt{min-height:152px}#styles-description{min-height:100px}.styles-tag-editor{position:relative;display:grid;gap:7px;min-height:42px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:9px;background:#0e0e11;transition:border-color .16s,box-shadow .16s,background .16s}.styles-tag-editor:focus-within{border-color:#a77cff94;background:#111016;box-shadow:0 0 0 3px #a77cff1a}.styles-selected-tags{display:flex;flex-wrap:wrap;gap:6px}.styles-selected-tag{--tag-color: #a855f7;display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 7px 4px 9px;border:1px solid color-mix(in srgb,var(--tag-color) 55%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--tag-color) 14%,transparent);color:color-mix(in srgb,var(--tag-color) 75%,white);font-size:11px;line-height:1.2}.styles-selected-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-selected-tag-remove{width:16px;height:16px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:currentColor;font-size:14px;line-height:1;cursor:pointer}.styles-selected-tag-remove:hover{background:#ffffff24;color:#fff}.styles-tag-editor>input{min-height:26px!important;height:26px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}.styles-tag-suggestions{position:absolute;z-index:12;top:calc(100% + 6px);left:0;right:0;display:grid;gap:3px;max-height:240px;overflow:auto;padding:7px;border:1px solid rgba(167,124,255,.35);border-radius:11px;background:#19171f;box-shadow:0 18px 42px #0000007a}.styles-tag-suggestions[hidden]{display:none}.styles-tag-suggestion{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#d5cfdf;font:inherit;font-size:12px;text-align:left;cursor:pointer}.styles-tag-suggestion:hover,.styles-tag-suggestion:focus-visible{outline:0;background:#a77cff24;color:#fff}.styles-tag-suggestion-swatch{width:7px;height:7px;flex:0 0 7px;border-radius:50%;box-shadow:0 0 7px currentColor}.styles-tag-suggestion small{margin-left:auto;color:#777180;font-size:10px}.styles-editor-close{align-self:flex-end;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}.styles-editor-actions{display:flex;gap:8px;margin-top:auto}.styles-editor-actions .button{flex:1}.styles-editor-card p{color:#fca5a5;min-height:18px}.styles-report-dialog{width:min(460px,calc(100vw - 28px))}.styles-report-dialog .panel-title{margin-bottom:14px}.styles-report-dialog .panel-title h2{font-size:20px}.styles-report-target{margin:0 0 2px;overflow:hidden;color:#c9c4d2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.styles-report-dialog textarea{width:100%;min-height:112px;box-sizing:border-box;resize:vertical}.styles-report-meta{display:flex;justify-content:flex-end;margin-top:-6px;color:#777180;font-size:10px}.styles-report-message{margin:0;color:#ff9da2;font-size:11px}.styles-drawer-backdrop{cursor:default}.styles-library-drawer-panel{width:min(720px,calc(100vw - 28px));overflow:hidden;padding:28px;display:flex;flex-direction:column;gap:16px}.styles-library-drawer-heading{display:flex;align-items:flex-start;justify-content:space-between}.styles-library-drawer-actions{display:flex;align-items:center;gap:8px}.styles-library-drawer-heading h2{margin:4px 0 0}.styles-library-drawer-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.styles-library-drawer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer}.styles-library-drawer-tabs button.active{color:#fff;border-bottom-color:#c084fc}.styles-drawer-list{overflow:auto;flex:1 1 auto;grid-template-columns:1fr}@media(min-width:621px){.tools-nav-fold:not([open])>.tools-index{display:grid}.library-filter-collapsible:not([open])>.library-filter{display:flex}.styles-search-fold:not([open])>.styles-pool-search{display:grid}}@media(max-width:760px){.styles-pool-toolbar{min-height:0}.styles-search-fold{display:block}.styles-search-fold>summary{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#101014;color:#ddd8e7;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.styles-search-fold>summary::-webkit-details-marker{display:none}.styles-search-fold>summary span{color:#a77cff;font-size:14px;line-height:1;transition:transform .18s}.styles-search-fold[open]>summary{border-color:#a77cff73;background:#15121b}.styles-search-fold[open]>summary span{transform:rotate(180deg)}.styles-search-fold[open]>.styles-pool-search{margin-top:8px}.styles-pool-search{grid-template-columns:1fr;align-items:stretch}.styles-search-actions .button{flex:1}.styles-sort-menu{right:auto;left:0;width:100%}.styles-library-drawer-panel,.styles-editor-card{width:100%;padding:22px 18px}}.library-node-copy strong,.library-node-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-node-copy strong{color:#dedee3;font-size:10px}.library-node-copy>span{margin-top:7px}.library-song-facts{display:flex!important;align-items:center;gap:14px;color:#777780;font-size:8px}.library-song-facts>span{display:inline-flex;align-items:center;gap:5px;overflow:visible}.library-song-facts>span:before{content:attr(data-label);color:#505059}.library-song-open{color:#8068ba;font-size:19px;line-height:1;transform:translate(0);transition:transform .16s,color .16s}.library-song-row:hover .library-song-open,.library-song-row.is-selected .library-song-open{color:#c2aaff;transform:translate(2px)}.library-song-more{position:absolute;z-index:3;top:50%;right:10px;width:28px;height:30px;display:grid;place-items:center;padding:0 0 8px;transform:translateY(-50%);border:1px solid transparent;border-radius:7px;background:transparent;color:#777780;font-size:17px;line-height:1;letter-spacing:1px;cursor:pointer}.library-song-more:hover,.library-song-more[aria-expanded=true]{border-color:#a77cff47;background:#a77cff1a;color:#d1bdff}.library-song-menu{position:absolute;z-index:5;top:53px;right:10px;min-width:92px;padding:4px;border:1px solid rgba(167,124,255,.25);border-radius:9px;background:#19171f;box-shadow:0 14px 30px #0000006b}.library-song-menu[hidden]{display:none}.library-song-menu-item{width:100%;min-height:30px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:#ff9da2;font:inherit;font-size:8px;text-align:left;cursor:pointer}.library-song-menu-item:hover{background:#ff7b801a;color:#ffc2c5}.library-detail{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0;border:1px solid rgba(167,124,255,.18);border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.08),transparent 34%),#0d0d11;animation:library-drawer-in .2s ease-out}.library-detail[hidden]{display:none}@keyframes library-drawer-in{0%{opacity:0;transform:translate(12px)}}.library-detail-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 13px;border-bottom:1px solid rgba(255,255,255,.055);background:#0d0d11f5;box-shadow:0 8px 22px #0000001a}.library-detail-scroll{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 18px 18px;scrollbar-color:#34343d transparent;scrollbar-width:thin}.library-detail-heading-copy{min-width:0}.library-detail-heading-copy h2{margin:7px 0 0;overflow:hidden;color:#ededf0;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.library-detail-close{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#ffffff05;color:#85858e;font-size:17px;line-height:1}.library-detail-close:hover{border-color:#a77cff59;color:#d8c9fb}.library-detail-song-facts{display:flex;flex-wrap:wrap;gap:7px 16px;padding:11px 0 2px;color:#8a8a94;font-size:8px}.library-detail-song-facts>span:before{content:attr(data-label);margin-right:5px;color:#55555e}.library-plan-section,.library-detail-parts,.library-song-metadata,.library-stems-section{margin-top:16px}.library-detail-section-heading{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.library-detail-section-heading strong{color:#cfcfd5;font-size:9px}.library-detail-section-heading>span{color:#73737c;font-size:8px;white-space:nowrap}.library-plan-tabs{display:flex;gap:7px;overflow-x:auto;margin-top:7px;padding-bottom:2px;scrollbar-width:none}.library-plan-tabs::-webkit-scrollbar{display:none}.library-plan-tab{min-width:88px;display:grid;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff05;color:#777780;text-align:left;white-space:nowrap}.library-plan-tab strong{color:#bdbdc5;font-size:8px}.library-plan-tab span{font-size:7px}.library-plan-tab.is-active{border-color:#a77cff6b;background:#a77cff1a;color:#bd9eff}.library-plan-tab.is-active strong{color:#ece6fb}.library-plan-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 0}.library-plan-facts>div{min-width:0;padding:9px 10px;border-radius:8px;background:#ffffff06}.library-plan-facts dt{color:#64646d;font-size:7px}.library-plan-facts dd{margin:4px 0 0;overflow:hidden;color:#bdbdc5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.library-metadata-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.library-metadata-field{min-width:0;display:grid;gap:5px;color:#777780;font-size:7px}.library-metadata-input{width:100%;min-height:112px;resize:vertical;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;outline:none;background:#141418;color:#c7c7ce;font:inherit;font-size:8px;line-height:1.65}.library-metadata-input:focus{border-color:#a77cff73;box-shadow:0 0 0 2px #a77cff14}.library-metadata-input:disabled{opacity:.55}.library-metadata-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.library-metadata-state{color:#777780;font-size:7px;line-height:1.5}.library-metadata-footer .button{min-height:30px;padding:6px 10px;font-size:7px}.library-stems-section{padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}.library-stems-heading-copy{min-width:0;display:flex;align-items:center;gap:9px}.library-stems-heading-copy strong{color:#e3dcef;font-size:11px;letter-spacing:.01em}.library-stems-kicker{padding:4px 6px;border:1px solid rgba(167,124,255,.28);border-radius:999px;background:#a77cff14;color:#ad8dff!important;font-size:6px!important;font-weight:800;letter-spacing:.12em}.library-stems-count{padding:4px 8px;border-radius:999px;background:#ffffff0a;color:#85838c!important;font-variant-numeric:tabular-nums}.library-stem-run+.library-stem-run{margin-top:14px;padding-top:13px;border-top:1px dashed rgba(255,255,255,.07)}.library-stem-run-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#817f89;font-size:7px}.library-stem-run-heading strong{color:#a89dbb;font-size:8px}.library-stem-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.library-stem-card{position:relative;min-width:0;overflow:hidden;padding:12px;border:1px solid rgba(167,124,255,.14);border-radius:13px;background:linear-gradient(145deg,#a77cff0e,#ffffff05 45%),#121217;box-shadow:0 8px 22px #0000001f;transition:border-color .16s ease,background .16s ease,transform .16s ease}.library-stem-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#a77cff,#ef4ea6);opacity:.62}.library-stem-card:hover{border-color:#a77cff4d;background:linear-gradient(145deg,#a77cff16,#ffffff06 48%),#121217;transform:translateY(-1px)}.library-stem-card-head{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.library-stem-cover{position:relative;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(140deg,#5431bae6,#d34a9fbf);box-shadow:0 5px 14px #0000003d;color:#ffffffd1;font-size:6px;font-weight:800;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.library-stem-cover:hover{border-color:#be9bffa6;box-shadow:0 7px 18px #7342da42;transform:translateY(-1px)}.library-stem-cover:focus-visible{outline:2px solid #b98cff;outline-offset:2px}.library-stem-cover.is-disabled{cursor:default;opacity:.7}.library-stem-cover.is-disabled:hover{border-color:#ffffff14;box-shadow:0 5px 14px #0000003d;transform:none}.library-stem-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 45%);pointer-events:none}.library-stem-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.library-stem-copy{min-width:0;display:grid;gap:5px}.library-stem-copy strong,.library-stem-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-stem-copy strong{color:#e7e0f2;font-size:10px}.library-stem-copy span{color:#777580;font-size:7px}.library-stem-card-meta{display:grid;justify-items:end;gap:5px}.library-stem-duration{min-width:34px;padding:4px 6px;border-radius:999px;background:#ffffff0b;color:#918e99;font-size:7px;font-variant-numeric:tabular-nums;text-align:center}.library-stem-duration.is-loading{color:#bca6e8}.library-stem-version-tabs{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#ffffff0b}.library-stem-version{width:20px;height:18px;padding:0;border:0;border-radius:999px;background:transparent;color:#777580;cursor:pointer;font:inherit;font-size:7px;font-weight:750;transition:background .15s,color .15s,box-shadow .15s}.library-stem-version:hover{color:#d5c4ff}.library-stem-version.is-active{background:linear-gradient(135deg,#8d5cff,#d346a1);box-shadow:0 3px 9px #8d5cff47;color:#fff}.library-copy-stems{min-height:32px;padding:7px 12px;font-size:8px}.library-copy-stems.is-loading{cursor:wait;opacity:.82}.library-stem-copy-spinner{width:11px;height:11px;display:inline-block;margin-right:6px;border:2px solid rgba(255,255,255,.24);border-top-color:#c6a8ff;border-radius:50%;vertical-align:-2px;animation:library-stem-spin .8s linear infinite}@keyframes library-stem-spin{to{transform:rotate(360deg)}}.library-part-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;margin-top:8px}.library-part-tile{min-width:0;min-height:47px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#141418;color:#777780}.library-part-tile>span{font-size:8px;font-variant-numeric:tabular-nums}.library-part-tile>i{width:4px;height:4px;border-radius:50%;background:currentColor}.library-part-tile>small{grid-column:1 / -1;margin-top:3px;overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.library-part-tile.status-processing,.library-part-tile.status-slot_created{border-color:#a77cff45;background:#a77cff12;color:#b99cff}.library-part-tile.status-completed{border-color:#55d6a03b;background:#55d6a012;color:var(--green)}.library-part-tile.status-failed{border-color:#ff7b8040;background:#ff7b8011;color:var(--red)}.library-detail-empty{margin:9px 0 0;color:#707079;font-size:8px;line-height:1.6}.library-error{margin:9px 0 0;padding:8px 9px;border-radius:7px;background:#ff7b800e;color:#ff9297;font-size:8px}.library-drawer-actions{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:8px;margin:0;padding:12px 18px;border-top:1px solid rgba(255,255,255,.065);background:#0d0d11f7;box-shadow:0 -10px 24px #00000024}.library-drawer-actions .button{min-height:34px;padding:7px 13px;font-size:8px}.library-pages{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.library-pages span{color:#888891;font-size:9px}.library-load-sentinel{min-height:34px;padding:10px 0 4px;color:#65656e;font-size:8px;text-align:center}.library-load-sentinel[hidden]{display:none}.library-delete-modal{position:fixed;z-index:75;inset:0;display:grid;place-items:center;padding:20px}.library-delete-modal[hidden]{display:none}.library-delete-backdrop{position:absolute;inset:0;border:0;background:#050508c7;backdrop-filter:blur(7px)}.library-delete-card{position:relative;z-index:1;width:min(100%,430px);display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 14px;padding:22px;border:1px solid rgba(250,183,77,.3);border-radius:16px;background:#171519;box-shadow:0 24px 80px #0000008c}.library-delete-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(250,183,77,.3);border-radius:12px;background:#fab74d1a;color:#f0cb84;font-size:18px;font-weight:800}.library-sync-card{border-color:#a77cff57}.library-sync-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(167,124,255,.34);border-radius:12px;background:#a77cff1a;color:#c2aaff;font-size:20px;font-weight:800}.library-delete-copy .library-sync-security{margin-top:10px;color:#ff777e}.library-delete-copy h2{margin:6px 0 8px;color:#f0edf1;font-size:17px}.library-delete-copy>strong{display:block;overflow:hidden;color:#d7c8ff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.library-delete-copy p{margin:10px 0 0;color:#95919a;font-size:9px;line-height:1.7}.library-delete-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.library-delete-actions .button{width:100%;min-height:37px;font-size:9px}.upload-body{scrollbar-width:none}.upload-body::-webkit-scrollbar{display:none}@media(min-width:861px){.upload-body{overflow:hidden}.upload-body .main-view{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.upload-body .topbar{flex:0 0 68px}.upload-body .content-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.upload-body .upload-workspace{flex:1;min-height:0;grid-template-rows:minmax(0,3fr) minmax(0,2fr);margin:24px 0}.upload-body .upload-control-card{min-height:0;overflow-y:auto;scrollbar-width:none}.upload-body .upload-control-card::-webkit-scrollbar{display:none}.upload-body .upload-queue-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}.upload-body .upload-log-card{min-height:0}.upload-body .upload-empty{min-height:0;flex:1}.upload-body .upload-file-list{min-height:0;overflow:hidden}}@media(max-width:980px){.upload-workspace{min-height:0;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"source" "queue" "activity"}.upload-main-actions{position:static;margin:19px 0 0;padding:17px 0 0;border-top:1px solid var(--line)}.library-filter label:first-child{width:220px;flex-basis:220px}.library-browser.has-detail{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}}@media(min-width:621px)and (max-width:860px){.library-body .topbar{flex-basis:62px}}@media(max-width:620px){.library-body{padding-bottom:67px}.library-body .app-shell,.library-body .main-view{height:calc(100dvh - 67px)}.library-body .topbar{flex-basis:78px}.upload-workspace{margin-top:14px}.upload-control-card,.upload-queue-card,.upload-log-card{padding:19px 15px;border-radius:15px}.upload-drop-zone{min-height:150px}.upload-options,.upload-workspace-selects{grid-template-columns:1fr}.upload-main-actions{flex-wrap:wrap}.upload-main-actions .button.primary{flex-basis:100%;order:-1}.upload-queue-card{min-height:430px}.upload-empty{min-height:310px}.upload-file-list{height:auto;overflow:visible}.upload-queue-browser{height:auto;grid-template-columns:1fr}.upload-song-list{max-height:300px}.upload-job-detail{min-height:330px;overflow:visible;padding:14px}.upload-job-detail-header{flex-direction:column}.upload-job-detail-actions{width:100%;justify-content:flex-end}.upload-job-detail-copy{width:100%}.upload-part-map{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.upload-part-row{gap:6px;padding-left:7px;padding-right:7px}.upload-part-number{width:20px;flex-basis:20px}.upload-copy-button{display:none}.upload-new-plan-button{display:inline-flex;align-items:center}.library-page{flex:1;min-height:0;gap:10px;margin:14px 0 12px}.library-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-top:0}.library-panel{padding:18px 14px;border-radius:15px}.library-upload-button{width:100%}.library-toolbar-actions{width:100%;grid-template-columns:1fr 1fr}.library-toolbar-actions .button{width:100%}.library-filter-collapsible{display:block;width:100%}.library-filter-collapsible>summary{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:#ddd8e7;background:#101014;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.library-filter-collapsible>summary::-webkit-details-marker{display:none}.library-filter-collapsible>summary:after{content:"\2304";color:#a77cff;font-size:14px;transition:transform .18s}.library-filter-collapsible[open]>summary{border-color:#a77cff73;background:#15121b}.library-filter-collapsible[open]>summary:after{transform:rotate(180deg)}.library-toolbar .library-filter{width:100%;max-width:none;margin-top:8px}.library-filter{flex-direction:column;align-items:stretch}.library-filter>label:first-child,.library-status-field,.library-hidden-source-field{width:100%;min-width:0;flex:1 1 auto}.library-browser.has-detail{grid-template-columns:1fr;gap:0}.library-detail-backdrop:not([hidden]){position:fixed;z-index:38;inset:78px 0 0;display:block;padding:0;border:0;background:#030306b8;backdrop-filter:blur(5px)}.library-detail{position:fixed;z-index:40;top:88px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;min-height:0;max-height:none;overflow:hidden;padding:0;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.12),transparent 32%),#111116;box-shadow:0 24px 70px #000000a6;animation:library-sheet-in .2s ease-out}.library-detail-header{align-items:center;margin:0;padding:15px 16px 12px;background:linear-gradient(180deg,#15131b,#111116fa)}.library-detail-scroll{padding:0 16px 16px}.library-detail-heading-copy h2{max-width:calc(100vw - 92px);font-size:13px}.library-detail-close{width:34px;height:34px;flex-basis:34px;font-size:19px}.library-detail-song-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 0 0}.library-detail-song-facts>span{min-width:0;display:grid;gap:4px;padding:9px 10px;border-radius:9px;background:#ffffff08;overflow:hidden;color:#bcbcc4;text-overflow:ellipsis;white-space:nowrap}.library-detail-song-facts>span:last-child{grid-column:1 / -1}.library-detail-song-facts>span:before{margin:0;font-size:7px}.library-plan-section,.library-detail-parts,.library-song-metadata{margin-top:14px}.library-plan-tabs{margin-right:-16px;padding-right:16px}.library-plan-tab{min-width:96px;padding:9px 10px}.library-plan-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.library-plan-facts>div{padding:10px}.library-metadata-fields{grid-template-columns:1fr}.library-metadata-input{min-height:128px}.library-metadata-footer{align-items:stretch;flex-direction:column}.library-metadata-footer .button{width:100%;min-height:38px}.library-stem-list{grid-template-columns:1fr}.library-part-map{grid-template-columns:repeat(4,minmax(0,1fr))}.library-drawer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#111116}.library-drawer-actions .button{width:100%;min-height:40px}.library-drawer-actions .button:only-child{grid-column:1 / -1}.library-song-select{padding:10px}.library-song-select{padding-right:48px}.library-song-more{right:7px}.library-song-menu{top:49px;right:7px}.library-song-facts{flex-wrap:wrap;gap:4px 11px}.library-node-copy span{white-space:normal;line-height:1.5}.library-detail-open{overflow:hidden;overscroll-behavior:none}@keyframes library-sheet-in{0%{opacity:0;transform:translateY(24px)}}}.download-body{scrollbar-width:none}.download-body::-webkit-scrollbar{display:none}.download-stack{min-height:calc(100vh - 116px);display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"source results";gap:14px;align-items:stretch;margin:24px 0}.download-input-card,.download-results-card{min-width:0;min-height:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.download-input-card{grid-area:source;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:25px;background:radial-gradient(circle at 100% 0,rgba(167,124,255,.1),transparent 34%),var(--surface);scrollbar-width:none}.download-input-card::-webkit-scrollbar{display:none}.download-input-card .parse-card-heading{gap:5px;padding-right:0}.download-input-card .parse-card-heading h1{margin-top:6px;font-size:19px}.download-input-card .parse-card-heading p{margin:7px 0 0;color:#777780;font-size:9px;line-height:1.7}.download-input-card .parse-form{min-height:0;display:flex;flex:1;flex-direction:column;margin-top:24px}.download-input-card .parse-form textarea{flex:1 1 auto;height:auto;min-height:220px;max-height:none;margin-bottom:12px;resize:none}.download-input-card .parse-form-footer{position:sticky;bottom:-26px;z-index:3;align-items:stretch;flex-direction:column;gap:14px;margin:auto -25px -25px;padding:10px 25px;background:#111114}.download-input-card .parse-form-footer .button{min-height:48px}.download-input-card .parse-form-footer>div{width:100%}.download-input-card .parse-form-footer .button{flex:1}.download-input-card #parse-button:disabled{border-color:transparent;background:var(--gradient);box-shadow:0 8px 22px #be4fd029;color:#fff}.download-input-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;margin-top:22px;padding:12px;border:1px solid rgba(167,124,255,.15);border-radius:10px;background:#a77cff0b}.download-input-note>span{display:grid;place-items:center;min-height:18px;border-radius:5px;background:#a77cff21;color:#b89cff;font-size:7px;font-weight:800;letter-spacing:.7px}.download-input-note p{margin:1px 0 0;color:#777780;font-size:8px;line-height:1.65}.download-input-card .parse-progress{margin-top:18px;padding:12px}.download-results-card{grid-area:results;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:25px 27px 20px}.download-results-card .tracks-panel{flex:1 1 auto;min-height:0;overflow:hidden}.download-results-card .parsed-song-list{min-height:0;flex:1 1 auto;overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-content:start;padding-right:3px;scrollbar-color:#34343d transparent;scrollbar-width:thin}.download-results-card .parsed-song-list::-webkit-scrollbar{width:5px}.download-results-card .parsed-song-list::-webkit-scrollbar-thumb{border-radius:999px;background:#34343d}.download-results-card .track-empty{flex:1 1 auto}@media(min-width:981px){.download-body{overflow:hidden}.download-body .main-view{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.download-body .topbar{flex:0 0 68px}.download-body .content-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.download-body .download-stack{flex:1;min-height:0}}@media(max-width:980px){.download-stack{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"source" "results"}.download-input-card,.download-results-card{overflow:visible}.download-input-card .parse-form-footer{position:static;margin:13px 0 0;padding:0;background:transparent}.download-results-card{min-height:650px}}@media(max-width:620px){.download-stack{margin-top:14px;margin-bottom:20px;gap:10px}.download-input-card,.download-results-card{border-radius:15px;padding:19px 15px}.download-input-card .parse-form{margin-top:19px}.download-input-card .parse-form textarea{flex:0 1 auto;height:auto;min-height:170px;max-height:none;margin-bottom:10px;resize:vertical}.download-input-card .parse-form-footer{gap:11px}.download-results-card{min-height:0;padding-bottom:17px}.download-results-card .tracks-panel{min-height:520px;padding:21px 16px 18px}.download-results-card .parsed-song-list{grid-template-columns:1fr;overflow:visible}}