:root{color-scheme:dark;--bg:#111219;--panel:#1b1d29;--line:#2a2d3b;--ink:#ececf1;--muted:#9295a6;--accent:#8867ff;--red:#e49bab}body{font-size:13px;background:var(--bg)}button{background:#252734;border-color:#353848;border-radius:6px;color:#dedee8;padding:8px 12px;font-size:12px}button.primary{background:#7857f3;color:white;border-color:#7857f3}button:hover{border-color:#9681ff}button[aria-pressed=true]{background:#3b315c;color:#d4c7ff;border-color:#8061ea}input,select,textarea{background:#161822;color:var(--ink);border-color:#353848;font-size:12px}a{color:#bdaaff}h1{font-size:25px;letter-spacing:-.6px}h2{font-size:19px}.eyebrow{color:#989aac;letter-spacing:1px}.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{width:218px;padding:20px 12px;background:#171821;border-color:#292b38;overflow:hidden}.sidebar .brand{font-size:14px;letter-spacing:0;line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 6px}.sidebar .brand small{width:100%;font-size:8px;letter-spacing:1.4px;margin:0 0 25px 0;color:#777b8b}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#302845;color:#d3c4ff;border:1px solid #6a538f;border-radius:7px;font-size:22px;position:relative}.brand-mark span{display:none}.sidebar-toggle{font-size:11px;background:none;border:0;text-align:left;padding:5px 8px;margin-bottom:17px;color:#838799}.nav{flex:1;min-height:0;overflow-y:auto;align-content:start;gap:3px}.nav button{border:0;padding:9px 10px;background:transparent;font-size:12px;color:#a5a7b6;display:flex;align-items:center;gap:9px;text-align:left;border-radius:5px}.nav button.active{background:#31323f;color:#f0edf8}.nav button:hover{background:#252733;color:#ddd}.nav-icon{width:17px;display:inline-block;text-align:center;font-size:16px;color:#9397aa}.nav-caption{font-size:10px;color:#686d80;padding:18px 10px 9px}.sidebar footer{border-top:1px solid var(--line);padding:16px 8px 0;margin-top:18px;flex-shrink:0;font-size:11px}.project-name{font-size:13px;color:#c9bedb;margin:8px 10px 18px}.project-switch{font-size:11px;padding:7px 9px;border-color:#303341;background:#1f212c}.shell.sidebar-closed{grid-template-columns:56px minmax(0,1fr)}.sidebar-closed .sidebar{width:56px;padding:14px 6px}.sidebar-closed .sidebar>:not(.sidebar-toggle){display:none}.sidebar-closed .sidebar-toggle{width:42px;font-size:18px;padding:6px}.workspace-home .project-home{max-width:none;width:100%;margin:0;padding:0}.workspace-home .topline{height:64px;padding:0 25px;border-bottom:1px solid var(--line);margin:0;background:#171822}.workspace-home .topline .brand{font-size:12px;letter-spacing:0;color:#bcbfcc}.home-hero{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:center;margin:0;gap:15px}.home-hero h1{font-size:25px;white-space:nowrap;margin:0}.home-hero>p{display:none}.hero-actions{display:flex;gap:8px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 138px);border-top:1px solid var(--line)}.project-section{min-width:0;padding:0 24px 28px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;height:66px;gap:10px;color:#84899b;font-size:11px}.collection-toolbar>div{display:flex;gap:6px;align-items:center}.home-search{width:180px;background:#1a1c26;border-color:#303341;border-radius:5px;padding:7px 10px}.collection-toolbar button{padding:6px 10px;font-size:16px}.workspace-home .project-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px;align-items:start}.workspace-home .project-card{padding:0;border:1px solid #2f3241;border-radius:9px;background:#20222f;overflow:hidden;min-height:0;box-shadow:none;display:flex;flex-direction:column}.workspace-home .project-card.selected{border-color:#987bff;box-shadow:0 0 0 1px #8664ec}.project-card[hidden]{display:none}.project-cover{height:165px;width:100%;padding:0;position:relative;display:block;background:#242634;border:0;border-bottom:1px solid #323541;border-radius:0;overflow:hidden;text-align:left;cursor:pointer}.project-cover img{height:100%;width:100%;object-fit:cover;display:block}.cover-folder{position:absolute;font-size:74px;left:calc(50% - 30px);top:12px;color:#66587f;font-weight:300}.has-image .cover-folder{display:none}.cover-caption{position:absolute;bottom:10px;left:10px;background:#11131ccd;color:#d9dbe5;font-size:9px;border:1px solid #56556877;padding:2px 6px;border-radius:4px}.workspace-home .project-card>.row{padding:12px 13px 0;gap:8px}.workspace-home .project-card>.row .small{font-size:9px}.workspace-home .project-card h2{font-size:17px;margin:10px 13px 5px;letter-spacing:0}.workspace-home .project-card>p{margin:0 13px 6px;font-size:11px;min-height:0;line-height:1.5}.project-metrics{display:flex;gap:10px;padding:10px 13px 13px;font-size:10px;color:#a6a8b8;flex-wrap:wrap}.workspace-home .project-card>.row:last-child{padding:11px 13px 13px;border-top:1px solid #2e3140;margin-top:auto;flex-wrap:wrap}.project-card .row button{font-size:10px;padding:6px 9px}.project-card .row a{font-size:10px}.pill{font-size:10px;color:#c7b8e9;background:#383047;padding:2px 7px}.pill.green{background:#263d39;color:#8dcbbb}.pill.high,.pill.red{background:#412c35;color:#e7a5b8}.pill.mid{background:#40392c;color:#d8c395}.project-inspector{border-left:1px solid var(--line);background:#191b26;min-width:0}.inspector-heading{padding:21px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;height:66px}.inspector-body{padding:20px}.inspector-empty{padding:45px 20px;color:var(--muted);font-size:12px;text-align:center}.inspector-cover{width:100%;aspect-ratio:16/10;background:#242735;border:1px solid #313547;border-radius:7px;display:grid;place-items:center;overflow:hidden;color:#6e7287;font-size:11px}.inspector-cover img{width:100%;height:100%;object-fit:contain}.inspector-body h2{font-size:20px;margin:20px 0 8px}.inspector-body>p{font-size:12px}.inspector-section-title{font-size:11px;color:#b7bac9;border-top:1px solid var(--line);padding-top:19px;margin:22px 0 14px}.inspector-body dl{display:grid;grid-template-columns:90px minmax(0,1fr);font-size:11px;row-gap:14px;margin:0}.inspector-body dt{color:#808699}.inspector-body dd{margin:0;text-align:right;color:#cdd0dc}#inspector-actions{display:flex;gap:8px;flex-wrap:wrap}.project-grid.list-view{display:flex;flex-direction:column}.list-view .project-card{display:grid;grid-template-columns:110px minmax(0,1fr);width:100%;border-radius:6px}.list-view .project-cover{grid-column:1;grid-row:1/7;height:100%;min-height:170px}.list-view .project-card>.row,.list-view .project-card>h2,.list-view .project-card>p,.list-view .project-card>.project-metrics{grid-column:2}.project-forms[hidden]{display:none}.main{padding:0 25px 25px;max-width:none;min-width:0}.main>.topline{height:64px;margin:0 -25px 22px;padding:0 25px;border-bottom:1px solid var(--line);background:#171822}.local{border:0;color:#666c81;font-size:10px}.hero{margin-bottom:20px}.hero p{font-size:12px}.box,.stat,.card,.review-card{background:#1c1e2a;border-color:#303342;border-radius:7px}.toolbar{gap:8px}.stats{gap:12px}.stat{padding:16px}.stat strong{font-size:26px}.tablebox{border-color:#303342;border-radius:6px}th{background:#20222e;color:#949aaf;padding:11px 14px}td{border-color:#292c3a;padding:13px 14px}tr:hover td{background:#222533}.grid,.review-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card img,.review-preview{height:185px;background:#11121a}.cardbody{padding:13px}.cardbody h3{font-size:13px}.review-preview{border-bottom:1px solid #303342}.detailgrid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:0}.detailgrid>div,.detailgrid>section{padding:18px}.detailgrid>div:last-child,.detailgrid>section:last-child{border-left:1px solid #303342;background:#1b1d29}.media img,.media video{max-height:70vh}.review{background:#232633;border:1px solid #303544;border-radius:7px;padding:14px;margin-bottom:9px}dialog{background:#141620;border-color:#393e51;border-radius:10px;padding:22px;width:min(1500px,97vw)}.edit-workspace{grid-template-columns:minmax(200px,.85fr) minmax(350px,2fr) 260px;gap:1px;background:#303342;border:1px solid #303342;border-radius:8px;overflow:hidden}.edit-workspace>.box{margin:0;border:0;border-radius:0}.edit-bin,.edit-properties{height:510px}.edit-properties h3{font-size:13px}.edit-properties input,.edit-properties select{width:100%}.edit-track-title,.edit-ruler{background:#252836;border-color:#363b4c}.edit-lane{background:repeating-linear-gradient(90deg,#171b28 0,#171b28 34px,#252b3b 35px);border-color:#34394b}.edit-clip{background:#3f3766;border-color:#7764a5}.audio .edit-clip{background:#264d4b;border-color:#588f85}.edit-clip.selected{outline-color:#a087f7}.edit-head{border-color:#b9a5ff}.edit-toolbar{gap:6px}.edit-toolbar button{font-size:11px;padding:8px 10px}.edit-scroll{border-color:#3b4052}.notice{background:#282539;border-color:#8b6ee6}.project-switch:hover{background:#303341}.render-download{display:inline-block;padding:9px 13px;background:#7857f3;color:white;border-radius:5px}#render-jobs progress{width:100%;accent-color:#8765ff}#render-form{align-items:end}#render-form select{display:block}#account-form input,#account-form select,#create-project input{width:100%}#toast{background:#7657db;color:white;font-size:12px}.search-empty[hidden]{display:none}
@media(max-width:1200px){.home-layout{grid-template-columns:minmax(0,1fr) 250px}.inspector-body{padding:16px}.project-inspector .inspector-body dl{grid-template-columns:70px minmax(0,1fr)}.edit-workspace{grid-template-columns:1fr 1.7fr}.edit-properties{grid-column:1/-1;height:auto}.edit-properties form{display:grid;grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:850px){.shell{grid-template-columns:150px minmax(0,1fr)}.sidebar{width:150px;padding:14px 8px;position:sticky;height:100vh}.sidebar .brand{font-size:12px}.sidebar .brand small{display:none}.sidebar footer{display:block}.nav{display:grid;overflow-y:auto}.nav button{white-space:normal}.home-layout{display:block}.project-inspector{border:0;border-top:1px solid var(--line)}.inspector-body{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inspector-body .inspector-cover{grid-row:1/4}.inspector-body h2{margin-top:0}.inspector-body dl,.inspector-section-title,#inspector-actions{grid-column:1/-1}.home-hero{padding:20px;flex-wrap:wrap}.workspace-home .topline{padding:0 20px}.project-section{padding:0 18px 20px}.collection-toolbar{height:auto;padding:14px 0;flex-wrap:wrap}.collection-toolbar>div{width:100%}.home-search{min-width:0;flex:1;width:100px}.workspace-home .project-grid{grid-template-columns:minmax(0,1fr)}.main{padding:0 15px 20px}.main>.topline{margin:0 -15px 18px;padding:0 15px}.detailgrid{display:block}.detailgrid>div:last-child{border-left:0}.edit-workspace{display:flex;flex-direction:column}.edit-bin{height:250px}.hero.row{flex-wrap:wrap}}
@media(max-width:520px){.shell{grid-template-columns:112px minmax(0,1fr)}.sidebar{width:112px;padding:12px 6px}.sidebar .brand{font-size:11px}.brand-mark{width:23px;height:23px;font-size:18px}.nav button{font-size:10px;padding:8px 6px;gap:5px}.nav-icon{font-size:13px;width:13px}.project-cover{height:145px}.home-hero{padding:18px 12px}.home-hero h1{font-size:21px}.hero-actions{flex-wrap:wrap}.hero-actions button{font-size:10px}.workspace-home .topline{padding:0 12px}.workspace-home .topline .brand{font-size:10px}.project-section{padding:0 12px 18px}.inspector-body{display:block}.inspector-body h2{margin-top:18px}.list-view .project-card{display:flex}.list-view .project-cover{height:145px;min-height:0}.edit-properties form{display:block}}
.workspace-home{background:var(--bg)}
.users-management{padding:25px!important}.user-project-line{padding:7px 0;white-space:normal;min-width:230px}.user-project-line strong{display:block;font-weight:550;color:#d2c8ee}.user-project-line span{font-size:12px;color:#9ea5b9}.user-project-line small{color:#caa882}#project-roles-form{padding:12px 0}#project-roles-form>select{min-width:240px}#project-roles-form .check{margin:8px 18px 10px 0}#project-roles-form>button{margin-top:20px}
.multi-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.multi-project-item{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.project-choice{margin:0 0 12px!important}.project-choice small{margin-left:10px;color:var(--muted)}.multi-project-item fieldset{border:0;border-top:1px solid var(--line);padding:10px 0 0;margin:0}.multi-project-item fieldset:disabled{opacity:.4}.multi-project-item legend{font-size:11px;color:var(--muted);padding-right:10px}.group-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.multi-project-item .check{font-size:12px}@media(max-width:750px){.multi-project-list{grid-template-columns:1fr}}