@import url('/theme.css');
/* Public entry and workspace are separate views. */
.visitor-site{background:#151417;min-height:100vh;color:#eeebf2;overflow:hidden}.visitor-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;padding:0 44px;margin:auto;position:relative;z-index:2}.visitor-header .brand{font-size:22px}.visitor-header nav{display:flex;gap:34px;font-size:13px;color:#b2aab9}.visitor-header nav a:hover,.visitor-login:hover{color:#e6c4ff}.visitor-login{display:flex;align-items:center;gap:12px;font-size:13px;border:1px solid #4a3c51;padding:10px 17px;border-radius:9px;background:#231c29}.visitor-hero{position:relative;isolation:isolate;min-height:630px;max-width:1536px;margin:auto;display:flex;align-items:center;padding:75px max(7vw,44px) 90px;border-bottom:1px solid #332a39}.visitor-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#17131cf5 0%,#19131dde 25%,#21152842 65%,#17141738 100%),linear-gradient(0deg,#151417 0%,transparent 40%),url('/assets/studio-hero.png') 65% 50%/cover no-repeat}.visitor-hero-content{position:relative;z-index:2}.visitor-pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:#d3b3ed;padding:7px 11px;border:1px solid #a66bc14d;border-radius:6px;background:#3e254c40}.visitor-hero h1{font-size:clamp(38px,4vw,61px);font-weight:650;letter-spacing:1px;line-height:1.43;margin:23px 0 21px}.visitor-hero h1 span{color:#e7c797}.visitor-hero p{font-size:14px;line-height:1.9;color:#b1a8ba;margin:0 0 31px}.visitor-hero-actions{display:flex;align-items:center;gap:15px}.visitor-site .primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 24px;font-size:13px;border-radius:9px}.visitor-secondary{padding:12px 21px;border:1px solid #7d668e63;border-radius:9px;font-size:13px;color:#d5c9df;background:#211b2866}.visitor-secondary:hover{border-color:#a987bf;background:#30203e}.visitor-hero-note{font-size:11px;color:#92849c;margin-top:28px}.visitor-hero-note span{display:inline-block;width:5px;height:5px;background:#af86c7;border-radius:50%;margin-right:7px}.visitor-frame{position:absolute;inset:65px 6vw 75px 54%;pointer-events:none;color:#eee1f0aa;font-size:9px;letter-spacing:3px}.visitor-frame i{position:absolute;width:22px;height:22px;border-color:#e4c5e566;border-style:solid}.visitor-frame i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.visitor-frame i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.visitor-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.visitor-frame i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.frame-label{position:absolute;top:18px;left:20px}.frame-caption{position:absolute;bottom:18px;right:20px;letter-spacing:2px}.visitor-section{max-width:1240px;margin:auto;padding:77px 44px}.visitor-section-title{text-align:center;margin-bottom:33px}.visitor-section-title h2,.visitor-workflow h2,.visitor-final h2{font-size:28px;font-weight:600;line-height:1.5;margin:13px 0 10px}.visitor-section-title p,.visitor-workflow>div>p{color:#94899f;font-size:13px;line-height:1.85}.visitor-section .eyebrow,.visitor-final .eyebrow{color:#a781c4;letter-spacing:2.5px}.visitor-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.visitor-tool{position:relative;border:1px solid #38313e;border-radius:13px;background:linear-gradient(135deg,#27222c,#1c1b1e);padding:30px 24px 23px;transition:border-color .2s,transform .2s}.visitor-tool:hover{transform:translateY(-4px);border-color:#6b4f7b}.visitor-tool-number{position:absolute;right:21px;top:25px;font-size:11px;color:#64566f;letter-spacing:1px}.visitor-tool-icon{display:grid;place-items:center;color:#c6a3df;background:#4b345b42;border:1px solid #5b426d55;width:46px;height:46px;border-radius:12px;margin-bottom:25px}.visitor-tool h3{font-size:16px;font-weight:600;margin:0 0 10px}.visitor-tool p{font-size:12px;line-height:1.85;color:#9b8fa7;margin:0;min-height:68px}.visitor-tool>a{display:flex;align-items:center;gap:10px;color:#ba9bcf;font-size:11px;margin-top:23px}.visitor-workflow{display:grid;grid-template-columns:1fr 1fr;gap:95px;border-top:1px solid #302833}.visitor-workflow h2{font-size:34px;margin:17px 0}.visitor-workflow>div>.primary{margin-top:20px}.visitor-workflow ol{list-style:none;padding:0;margin:0}.visitor-workflow li{display:flex;gap:20px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #322a38}.visitor-workflow li:last-child{margin-bottom:0}.visitor-workflow li>span{display:grid;place-items:center;flex:none;width:36px;height:36px;color:#b68bd3;background:#382a4244;border:1px solid #5b426966;border-radius:50%;font-size:12px}.visitor-workflow h3{font-weight:550;font-size:15px;margin:3px 0 6px}.visitor-workflow li p{color:#95869f;font-size:12px;line-height:1.85;margin:0}.visitor-final{text-align:center;padding:65px 24px 75px;background:radial-gradient(ellipse at 50% 100%,#65367126,transparent 70%);border-top:1px solid #302833}.visitor-final h2{font-size:30px;margin-bottom:25px}.visitor-footer{max-width:1240px;margin:auto;padding:28px 44px;display:flex;align-items:center;gap:25px;font-size:11px;color:#7b6f84}.visitor-footer .brand{font-size:18px;margin-right:5px}.visitor-footer>a:last-child{margin-left:auto}.visitor-service{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:15px;background:#302232;border:1px solid #6d456e;padding:12px 17px;border-radius:10px;box-shadow:0 12px 40px #0007;font-size:12px;width:max-content;max-width:calc(100% - 32px)}.visitor-service[hidden]{display:none}.visitor-service button{font-size:12px;white-space:nowrap;padding:6px 10px}.auth .auth-back{display:block;margin-bottom:27px;font-size:12px;color:#ad92bc}.auth .auth-back:hover{color:#dfb4fa}.entry-loading{min-height:100vh;display:grid;place-items:center;color:#b898ce;font-size:13px}
@media(max-width:900px){.visitor-header{padding:0 25px}.visitor-hero{padding:60px 36px 75px;min-height:580px}.visitor-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-workflow{gap:45px}.visitor-section{padding:57px 32px}.visitor-frame{left:60%;right:30px;opacity:.65}.visitor-tool p{min-height:44px}}
@media(max-width:600px){.visitor-header{height:77px;padding:0 20px;gap:10px}.visitor-header .brand{font-size:19px;gap:8px}.visitor-header .brand-mark{width:30px;height:30px;border-radius:9px}.visitor-header .brand small{display:none}.visitor-header nav{display:none}.visitor-login{font-size:11px;padding:9px 11px;gap:6px}.visitor-login svg{display:none}.visitor-hero{padding:60px 24px 65px;min-height:570px;align-items:flex-start}.visitor-hero::before{background:linear-gradient(90deg,#17131de8,#2115286b),linear-gradient(0deg,#151417,transparent 65%),url('/assets/studio-hero.png') 60% center/cover no-repeat}.visitor-hero h1{font-size:36px;letter-spacing:0;line-height:1.5;margin:22px 0}.visitor-hero p{font-size:12px}.visitor-hero-actions{gap:9px}.visitor-site .primary{font-size:12px;padding:12px 18px;gap:13px}.visitor-secondary{font-size:12px;padding:12px 13px}.visitor-frame{display:none}.visitor-section{padding:47px 20px}.visitor-section-title h2{font-size:23px}.visitor-section-title p{font-size:12px}.visitor-tools{gap:12px}.visitor-tool{padding:24px 16px 20px}.visitor-tool h3{font-size:15px}.visitor-tool p{font-size:12px;min-height:88px}.visitor-tool-number{right:15px;top:22px}.visitor-tool-icon{width:39px;height:39px;margin-bottom:20px}.visitor-tool>a{margin-top:17px}.visitor-workflow{grid-template-columns:1fr;gap:38px}.visitor-workflow h2{font-size:29px}.visitor-workflow li{margin-bottom:20px;padding-bottom:20px}.visitor-final{padding:48px 20px 55px}.visitor-final h2{font-size:24px}.visitor-footer{flex-wrap:wrap;padding:25px 20px;gap:12px}.visitor-footer .brand{width:100%;font-size:18px}.visitor-footer>a:last-child{margin-left:auto}.visitor-service{align-items:flex-start;font-size:11px}.auth .auth-back{font-size:13px}}
:root{color-scheme:dark;--bg:#171717;--surface:#202020;--surface-2:#272727;--surface-3:#303030;--border:#343434;--text:#f1f2f5;--muted:#8e96a8;--accent:#b391ff;--accent-rgb:179,145,255;--danger:#f19595;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--border);background:#292929;padding:10px 16px;border-radius:9px;color:#dce0e9;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover{background:#262d3b;border-color:#596171;color:white}button:active{transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed;transform:none}.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#241b0d;font-weight:650;box-shadow:0 3px 16px #e4bb7810}.primary:hover{background:#f1cf96;border-color:#f1cf96;color:#1d160d;box-shadow:0 5px 22px #e4bb7820}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,a svg{vertical-align:middle;flex-shrink:0}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#1b1b1b;border-right:1px solid #303030;color:#9aa3b5;padding:27px 16px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:15}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:#fff;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#ad70f6,#e451bd);color:#fff;box-shadow:0 4px 16px #d6b27818}.brand small{display:block;font-size:8px;letter-spacing:2.5px;font-weight:500;color:#838d9e;margin-top:1px}.sidebar .brand{padding:0 12px 26px}.nav-caption{font-size:10px;color:#5c667a;text-transform:uppercase;letter-spacing:2px;padding:16px 16px 9px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:9px;font-size:13px;position:relative;transition:color .2s,background .2s}.sidebar nav a:hover{background:#191e29;color:#e9ecf4}.sidebar nav a.active{background:#b391ff12;color:#cab3ff}.sidebar nav a.active::before{content:'';position:absolute;left:0;height:17px;width:3px;border-radius:4px;background:var(--accent)}.nav-count{margin-left:auto;font-size:9px;background:#242a36;color:#919bad;border-radius:4px;padding:1px 5px;letter-spacing:1px}.sidebar footer{margin-top:auto;font-size:11px;color:#626d80;line-height:1.8;padding:24px 14px 0;border-top:1px solid #202530}.footer-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ea992;margin-right:6px}.main{padding:0 36px 40px;min-width:0;background:radial-gradient(ellipse at 65% 0,#24203530,transparent 45%)}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303030;min-height:94px;gap:20px;margin-bottom:30px}.top-title{display:flex;align-items:center;gap:14px}.page-breadcrumb{font-size:10px;letter-spacing:2px;color:#626d83;text-transform:uppercase}.top h1{font-size:21px;line-height:1.3;margin:4px 0 0;letter-spacing:.5px;font-weight:600}.top .row{gap:10px}.top .row>label{font-size:0!important;gap:0}.top .row>label select{width:155px!important;font-size:12px;min-height:36px;padding:6px 11px;background:#202020}.top #logout{border:0;background:transparent;color:#8c96a9;font-size:12px;padding:8px}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;color:#c3c9d5;white-space:nowrap}.user-avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #4d4334;background:#282319;border-radius:50%;color:#e2bd82;font-size:11px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#c4a575}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.split{display:flex;justify-content:space-between;gap:16px;align-items:center}.hero{min-height:296px;padding:35px 38px;background:#171923;border-radius:20px;border:1px solid #303240;margin-bottom:25px;position:relative;overflow:hidden;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#161720 2%,#161720ed 35%,#16172026 75%),url('/assets/studio-landscape.svg') center right/auto 100% no-repeat;z-index:-2}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 42% 100%,#bb925d15,transparent 45%);z-index:-1}.hero h2{font-size:35px;line-height:1.45;max-width:600px;margin:12px 0 11px;letter-spacing:1px;font-weight:650}.hero h2 em{font-style:normal;color:#e7c995}.hero p{line-height:1.9;color:#9da4b4;max-width:470px;font-size:12px;margin:0 0 22px}.hero .primary{display:inline-flex;align-items:center;gap:16px;padding:11px 20px;font-size:12px}.hero .hero-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #b99d6e40;border-radius:5px;background:#221e173d;color:#d7ba86;font-size:10px;padding:4px 8px;letter-spacing:1px}.hero-corner{position:absolute;right:22px;bottom:17px;font-size:9px;letter-spacing:3px;color:#e9dccb58}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 15px}.section-heading h2{font-size:16px;margin:0;font-weight:600;display:flex;align-items:center;gap:8px}.section-heading p{font-size:11px;color:#68738a;margin:4px 0 0}.section-heading>a{font-size:11px;color:#8f9ab0}.section-heading>a:hover{color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:block;border:1px solid #343434;background:linear-gradient(125deg,#292629,#202020);padding:20px;border-radius:13px;position:relative;overflow:hidden;transition:.2s}.quick-card:hover{border-color:#74634a;transform:translateY(-3px);background:#202430}.quick-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #4d42444d;border-radius:10px;color:var(--tile-color,#d8b779);background:color-mix(in srgb,var(--tile-color,#d8b779) 8%,transparent);margin-bottom:16px}.quick-card h3{font-size:14px;font-weight:600;margin:0 0 5px}.quick-card p{font-size:11px;color:#7d879a;margin:0}.quick-card .quick-arrow{position:absolute;right:17px;top:21px;color:#536077;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card h3{margin:12px 0 8px;font-size:16px;font-weight:600}.card p{line-height:1.8;color:#8c97aa;font-size:12px}.card{transition:border-color .18s,background .18s}.card:hover{border-color:#3c4558}.panel{margin-bottom:20px}.panel h2{font-size:17px;margin-top:0;font-weight:600}.panel h3{font-weight:600}.panel>p{color:#8c97aa;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.metric-grid .card{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;background:transparent}.metric-grid .muted{font-size:11px}.number{font-size:26px;font-weight:600;color:#dbdfe8;line-height:1.2}.badge{display:inline-flex;align-items:center;gap:5px;background:#272d3b;padding:3px 8px;border:1px solid #343b4b;border-radius:5px;font-size:10px;color:#a6b0c3;line-height:1.5}.tabs{display:flex;gap:6px;margin:20px 0 25px;border-bottom:1px solid #282d39;overflow-x:auto;flex-wrap:nowrap;padding:0 0 0}.tabs button{border-radius:0;border:0;border-bottom:2px solid transparent;color:#8994a9;background:transparent;font-size:12px;padding:14px 17px;white-space:nowrap;position:relative}.tabs button:hover{background:#2a2a2a;color:#e1e5ef}.tabs button.active{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}label{display:grid;gap:8px;margin-bottom:17px;font-size:12px;color:#a5afc0}input,textarea,select{border:1px solid #303747;border-radius:8px;background:#191919;padding:11px 12px;color:#e1e5ee;width:100%;transition:border-color .18s,box-shadow .18s}input:hover,textarea:hover,select:hover{border-color:#48536a}input:focus,textarea:focus,select:focus{outline:none;border-color:#ad8c57;box-shadow:0 0 0 3px #e4bb780b}input::placeholder,textarea::placeholder{color:#515d73}input[type=checkbox],input[type=radio]{width:15px;height:15px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent)}input[type=file]{font-size:11px;padding:8px}textarea{min-height:140px;resize:vertical;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.empty{padding:45px 25px;text-align:center;border:1px dashed #343b4b;border-radius:13px;color:#7f8ca3;grid-column:1/-1;background:radial-gradient(ellipse at center,#1e243153,transparent 70%);font-size:12px;line-height:1.9}.empty svg{display:block;margin:0 auto 13px;color:#59677f}.table-wrap{overflow:auto;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 12px;border-bottom:1px solid #282f3d;white-space:nowrap}th{font-size:11px;color:#75829b;font-weight:500;background:#252525}td{font-size:12px;color:#b1bbce}.error{color:#f0a4a4;background:#53232b30;border:1px solid #73333e55;padding:13px;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#191919;border:1px solid #282f3e;color:#aab7ce;padding:17px;border-radius:10px;line-height:1.8;font-size:12px}dialog{border:1px solid #3a4254;border-radius:18px;max-width:720px;width:calc(100% - 36px);max-height:90vh;padding:28px;background:#222;color:var(--text);box-shadow:0 28px 100px #0009}dialog h2{font-size:19px;margin:0 0 22px;font-weight:600}dialog::backdrop{background:#05070cbd;backdrop-filter:blur(7px)}dialog .split{margin-bottom:22px}dialog .split h2{margin:0}dialog [data-close]{font-size:12px}fieldset{border:1px solid #303849;border-radius:10px;padding:15px}legend{color:#8f9bb0;font-size:11px;padding:0 8px}details summary{cursor:pointer;color:#bbc3d3;font-size:12px;padding:4px 0}#notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#252d3b;border:1px solid #555d6b;color:#e5e9f2;padding:12px 23px;border-radius:10px;display:none;z-index:100;box-shadow:0 10px 35px #0006;font-size:12px}.thumb{height:165px;width:100%;object-fit:cover;border-radius:9px}video,audio{max-width:100%;border-radius:9px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.actions button{font-size:12px}code{overflow-wrap:anywhere;font-size:.9em}.page-intro{margin:3px 0 25px}.page-intro h2{font-size:25px;line-height:1.4;margin:0 0 8px;font-weight:600}.page-intro p{color:#7e8a9f;font-size:12px;margin:0}.project-toolbar{margin-bottom:23px;align-items:center}.project-toolbar .muted{font-size:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:20px}.project-card{display:block;padding:0;overflow:hidden;background:#202020;position:relative}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.project-cover{height:178px;position:relative;background:linear-gradient(130deg,#252731,#50463b);overflow:hidden;isolation:isolate}.project-cover::before{content:'';position:absolute;inset:0;background:url('/assets/studio-landscape.svg') center 58%/cover;opacity:.65;z-index:-1}.project-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141923e6,transparent 70%);z-index:-1}.project-cover.cover-1{background:#242b3f;filter:hue-rotate(18deg)}.project-cover.cover-2{background:#353039;filter:hue-rotate(-30deg)}.project-cover.cover-3{background:#31413b;filter:hue-rotate(55deg)}.cover-label{position:absolute;left:15px;top:14px;border:1px solid #fff2;background:#0b0f175e;backdrop-filter:blur(8px);color:#e6e9f2;font-size:9px;letter-spacing:1px;padding:3px 7px;border-radius:4px}.cover-monogram{position:absolute;bottom:10px;left:18px;font-size:44px;letter-spacing:4px;color:#ece3d7de;line-height:1.3;font-family:Georgia,"Songti SC","SimSun",serif;font-weight:600}.cover-play{position:absolute;right:16px;bottom:16px;border:1px solid #a6adc349;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;background:#161b2a70;color:#e1d9ca}.project-body{padding:17px 18px 15px}.project-body h3{font-size:14px;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-body p{font-size:11px;color:#74829a;margin:0 0 17px;height:34px;overflow:hidden;line-height:1.6}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#5c6a81;font-size:10px;border-top:1px solid #252c3a;padding-top:12px}.project-meta span:last-child{color:#a48b65}.project-create{min-height:304px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1c1c1c;border:1px dashed #353e50;color:#8e9bb2;cursor:pointer;border-radius:16px}.project-create:hover{border-color:#9c825b;background:#1b1d24;color:#b391ff}.project-create .create-plus{width:48px;height:48px;border-radius:50%;border:1px solid #3b4353;display:grid;place-items:center;margin-bottom:14px;font-size:25px;font-weight:200}.project-create h3{font-size:13px;margin:0 0 5px;font-weight:500}.project-create p{font-size:10px;color:#5c6a81;margin:0}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#2a252e,#202020);padding:24px 26px;border:1px solid #2b3242;border-radius:16px;margin-top:18px}.project-heading h2{font-size:25px;font-weight:600;margin:6px 0 7px}.project-heading p{color:#7f8da5;font-size:12px;margin:0;max-width:640px}.back-link{font-size:11px;color:#7b879f;display:inline-flex;align-items:center;gap:5px}.project-stats{display:flex;gap:23px;margin-top:14px;font-size:10px;color:#69778f}.project-stats strong{font-size:12px;color:#bec8d9;font-weight:500;margin-right:5px}.episode-card{padding:21px;position:relative;background:linear-gradient(135deg,#29262e,#202020)}.episode-card .badge{background:#302b22;border-color:#4c412e;color:#c8aa77;font-size:9px}.episode-card h3{font-size:15px;margin-top:17px}.episode-card p{font-size:11px;min-height:38px;color:#78869e}.episode-card button{font-size:11px;width:100%;border-color:#343d50;background:#202735;color:#aebbd0}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:#171717}.auth-story{padding:50px 65px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:linear-gradient(180deg,#1c1d2d,#121b2c)}.auth-story::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10152022,#10152033 60%,#101520bb),url('/assets/studio-landscape.svg') center/cover;opacity:.9}.auth-story>*{position:relative}.auth-story .brand{font-size:23px}.auth-story h2{font-size:41px;line-height:1.5;font-weight:500;letter-spacing:2px;margin:0 0 16px}.auth-story p{font-size:13px;line-height:2;color:#a5b0c2;max-width:420px}.auth-story footer{font-size:10px;color:#697a94;letter-spacing:2px}.auth{width:min(390px,calc(100% - 52px));max-width:none;margin:auto;padding:30px 0;background:none;border:0;border-radius:0}.auth .brand{color:#cfb2ff;display:none}.auth .eyebrow{display:block;margin-bottom:10px;font-size:9px;letter-spacing:3px}.auth h1{font-size:28px;letter-spacing:1px;margin:0 0 9px;font-weight:600}.auth-description{font-size:12px;color:#68788f;margin:0 0 34px}.auth form{margin-top:28px}.auth label{font-size:11px;color:#8c9bb2}.auth input{height:44px;background:#222}.auth form>.primary{margin-top:12px;height:45px}.auth>button{width:100%;font-size:11px;background:transparent;border-color:#2b3445;color:#8998b0;margin-top:13px}.auth small{display:block;margin-top:24px;text-align:center;color:#45546e;font-size:10px;letter-spacing:.5px}.loading-line{padding:40px;color:#6e7c96;font-size:12px}.loading-line::before{content:'';display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;box-shadow:0 0 12px #e4bb7850}
@media(min-width:1600px){.main{padding-left:48px;padding-right:48px}.hero{min-height:315px}.hero h2{font-size:39px}.project-cover{height:200px}}
@media(max-width:1150px){.shell{grid-template-columns:190px 1fr}.sidebar{padding-left:10px;padding-right:10px}.main{padding:0 24px 32px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:29px}.hero{padding:30px}.top .row>label select{width:130px!important}.user-chip>span:last-child{display:none}.auth-story{padding:40px}.auth-story h2{font-size:32px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:15px 18px 0;border-right:0;border-bottom:1px solid #252b38}.sidebar .brand{padding:0 0 13px;font-size:20px}.sidebar .brand-mark{width:29px;height:29px;border-radius:8px}.brand small,.nav-caption,.sidebar footer{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:10px}.sidebar nav a{white-space:nowrap;padding:9px 11px;font-size:11px}.sidebar nav a svg{width:15px;height:15px}.sidebar nav a.active::before{display:none}.sidebar nav a.active{background:#b391ff15}.main{padding:0 18px 28px}.top{min-height:84px;margin-bottom:20px}.top h1{font-size:20px}.top .page-breadcrumb{font-size:8px}.top .row{gap:3px}.top .row>label select{width:112px!important}.user-chip{display:none}.hero{min-height:270px;padding:28px 23px}.hero::before{background-position:60% center;opacity:.9}.hero h2{font-size:27px}.hero p{max-width:330px;font-size:11px}.hero-corner{display:none}.form-grid{grid-template-columns:1fr}.metric-grid{gap:8px}.metric-grid .card{padding:12px;display:block}.number{font-size:22px;margin-top:5px}.quick-grid{gap:10px}.quick-card{padding:16px}.quick-card h3{font-size:13px}.quick-card p{font-size:10px}.quick-icon{width:32px;height:32px;margin-bottom:14px}.section-heading{margin-top:23px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-cover{height:145px}.cover-monogram{font-size:30px;left:13px}.project-body{padding:13px}.project-body h3{font-size:12px}.project-body p{font-size:10px}.project-meta{font-size:9px}.project-create{min-height:271px}.project-heading{padding:20px;align-items:flex-start}.project-heading h2{font-size:21px}.project-heading p{font-size:11px}.project-heading>button{font-size:10px;white-space:nowrap;padding:8px}.project-stats{gap:13px}.tabs{margin-top:13px}.tabs button{padding:13px 12px;font-size:11px}.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth{min-height:100vh;padding:70px 0 40px;display:flex;flex-direction:column;justify-content:center}.auth .brand{display:flex;margin-bottom:34px}.auth h1{font-size:26px}.auth .eyebrow{margin-top:0}dialog{padding:23px;border-radius:15px}.split{align-items:flex-start}.top .split{align-items:center}.panel{padding:19px}.grid:not(.project-grid){grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 

/* Shared studio identity: charcoal canvas, violet-to-rose actions, cinematic imagery. */
.primary,button.primary{background:linear-gradient(110deg,#9e63e9,#d34db4);border-color:#b46cf0;color:#fff;box-shadow:0 4px 17px #a35de91f}.primary:hover{background:linear-gradient(110deg,#b47af5,#e062c5);border-color:#cb91ff;color:white;box-shadow:0 7px 22px #a85af735}.main{background:radial-gradient(ellipse at 85% 0,#65395e0e,transparent 55%)}.hero{background:#211d28;border-color:#3d3246;min-height:312px}.hero::before{background-image:linear-gradient(90deg,#201b28f0 0%,#201b28bc 32%,#201b2820 76%),url('/assets/studio-hero.png'),url('/assets/studio-landscape.svg');background-size:cover;background-position:center}.hero h2 em{color:#e6c482}.hero .hero-tag{color:#d0b4f1;border-color:#c99af94d;background:#3c254a4f}.hero .eyebrow{color:#c397e8}.hero-corner{color:#e5d8e35c}.project-cover::before{background-image:url('/assets/studio-hero.png');background-position:70% 50%;opacity:.82}.project-cover.cover-1::before{background-position:95% 60%;filter:hue-rotate(14deg)}.project-cover.cover-2::before{background-position:48% 20%;filter:hue-rotate(-22deg)}.project-cover.cover-3::before{background-image:url('/assets/studio-landscape.svg');background-position:center}.project-body,.card,.panel{border-color:#333}.sidebar .nav-caption{color:#666}.sidebar nav a:hover{background:#282428}.sidebar nav a.active{color:#d4b8ff;background:linear-gradient(100deg,#a46ce51e,#d554b508)}.sidebar nav a.active::before{background:linear-gradient(#b680f1,#de5dbb)}.top .row>label select{background:#252525;border-color:#3b3b3b}.top #logout{color:#929292}.user-avatar{background:#302734;border-color:#55425f;color:#d0acf3}.user-chip{color:#bfbfbf}.auth-story::before{background-image:linear-gradient(180deg,#17131f44,#17131f33 50%,#17131ff5),url('/assets/studio-hero.png'),url('/assets/studio-landscape.svg');background-position:center;background-size:cover}.auth-story{background:#201a28}.auth-story h2{color:#efedf4;text-shadow:0 2px 30px #0008}.auth-story p{color:#b4aabd}.auth-story footer{color:#8a798f}.auth input{border-color:#3d3a40}.auth .eyebrow{color:#a97bd2}.auth .auth-description{color:#8d858e}.auth small{color:#666}.auth>button{border-color:#3b363e;color:#aaa0ac}.back-link:hover,.section-heading>a:hover{color:#d1a3fc}.quick-card:hover{border-color:#785782;background:#29232d}.quick-card .quick-arrow{color:#74637e}.quick-card p{color:#88818c}.metric-grid .card{border-color:#333}.badge{background:#302c33;border-color:#413947;color:#b7a9bf}.tabs{border-color:#363039}.tabs button{color:#99919f}.tabs button.active{color:#d0a3ff;border-bottom-color:#bd80fa}.tabs button:hover{background:#302831}.project-create{background:#1c1b1d;border-color:#413749}.project-create:hover{background:#27222b;border-color:#88619c;color:#d4a8ff}.project-meta{border-color:#363039}.episode-card .badge{background:#382c43;border-color:#513b64;color:#c8a8e5}.episode-card button{background:#302936;border-color:#493952;color:#c0accf}.empty{border-color:#43364a;background:radial-gradient(ellipse at center,#3326363b,transparent 70%);color:#948899}.empty svg{color:#705479}input:focus,textarea:focus,select:focus{border-color:#aa74ce;box-shadow:0 0 0 3px #b391ff12}.brand-mark{box-shadow:0 4px 18px #b864e52b}.brand-mark svg{stroke-width:1.8}.sidebar footer{border-color:#303030}.nav-count{background:#39303f;color:#bc9dd1}.project-heading{border-color:#3d3441}.form-grid label{color:#afa5b4}
.sidebar{min-width:0}.hero>.primary{border-radius:9px}.cover-monogram{max-width:calc(100% - 52px);font-size:clamp(28px,2.65vw,42px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:2px}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar nav{min-width:0;max-width:100%}.cover-monogram{font-size:26px}.main{width:100%}.top .row{flex-wrap:nowrap}.hero h2{font-size:26px}.hero::before{background-position:62% center}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-cover{height:190px}.cover-monogram{font-size:34px}.project-create{min-height:180px}.project-body p{height:auto;min-height:32px}.top .row>label select{width:110px!important}.quick-card{padding:14px}.hero{padding:25px 20px}.hero p{max-width:250px}.hero .hero-tag{font-size:9px}}