:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#eceef3;background:#0b0d11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:#0b0d11}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:224px;padding:25px 14px;background:#101319;border-right:1px solid #242832}.brand{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;background:none;color:#fff;font-size:18px;text-align:left}.brand svg{padding:8px;width:36px;height:36px;border-radius:8px;background:#e9fe53;color:#111}.brand b{color:#d7f64b}nav{display:grid;gap:5px;margin-top:34px}nav:before{content:"WORKSPACE";font-size:10px;color:#5f6674;padding:0 12px 8px}nav button{display:flex;gap:11px;align-items:center;padding:11px 13px;border:0;border-radius:6px;background:transparent;color:#8f96a5;text-align:left}nav button.active,nav button:hover{color:#fff;background:#20242d}.side-footer{position:absolute;bottom:22px;left:25px;right:18px}.side-status{font-size:12px;color:#9aa3ae}.side-footer p{margin:13px 0 5px;color:#737b89;font-size:10px;line-height:1.5}.side-footer a{color:#737b89;font-size:10px;text-decoration:none}.side-footer a:hover{color:#b7bdc8}.app>main{grid-column:2;min-width:0}header{height:66px;border-bottom:1px solid #242832;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0e1116;position:sticky;top:0;z-index:3}header>span:first-child{font-size:14px;color:#a8aeb9}header button,.outline,.tabs button,.actions button{border:1px solid #303640;border-radius:6px;background:#171b22;color:#dfe3eb;padding:8px 15px}main>section,.content{padding:54px 5.5%;max-width:1480px;margin:auto}.home{padding:72px 6%;max-width:1480px;margin:auto}.eyebrow{color:#c6e83b;font-size:11px;font-weight:700;letter-spacing:1.5px}.home h1,.studio h1,main>section h1{font-size:40px;margin:12px 0 10px;letter-spacing:0}.home>p,.studio>p{color:#8e95a3;margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}.cards>button{position:relative;overflow:hidden;min-height:290px;padding:34px;text-align:left;border:1px solid #2b303a;border-radius:8px;background:#161a21;color:#fff}.cards>button:first-child{background:linear-gradient(135deg,#24281f,#13181c)}.cards>button:last-child{background:linear-gradient(135deg,#1e222a,#15181d)}.cards>button>svg{width:64px;height:64px;padding:16px;border-radius:8px;color:#d6f24f;background:#252b22}.cards h2{font-size:27px;margin:24px 0 8px}.cards p{color:#959ca8}.cards b{position:absolute;bottom:32px;display:flex;align-items:center;gap:6px;color:#d8f44d}.studio{padding:22px 5.5% 8px;max-width:1500px;margin:auto}.studio-grid{margin-top:34px}.workspace{border:1px solid #2a3039;border-radius:8px;background:#12161c;padding:24px}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button.active{border-color:#d7f34f;color:#e9ff73;background:#252a1c}.workspace textarea{width:100%;height:180px;resize:vertical;padding:18px;border:1px solid #303641;border-radius:7px;background:#0d1015;color:#fff;outline:none}.workspace textarea:focus{border-color:#9aae42}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.fields label{display:grid;gap:7px;color:#aeb4bf;font-size:12px}.fields input,.fields select{width:100%;height:40px;border:1px solid #303641;border-radius:6px;background:#0e1116;color:#fff;padding:0 11px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #262b33}.actions>span{margin-right:auto;color:#d5ef56;font-weight:700}.actions .primary,.primary{background:#daf34e;color:#111;border-color:#daf34e;font-weight:700}.records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.records article{border:1px solid #292f38;background:#13171d;border-radius:7px;overflow:hidden}.records article>div{aspect-ratio:1.35;background:#0a0c10;display:grid;place-items:center}.records img{width:100%;height:100%;object-fit:cover}.records p,.records small{display:block;margin:14px 14px 6px}.records small{margin-top:0;margin-bottom:16px;color:#717887}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:20;display:grid;place-items:center}.modal section{width:390px;padding:30px;background:#161a20;border:1px solid #343a44;border-radius:8px;text-align:center}.modal section>button:first-child{float:right;border:0;background:none;color:#aaa}.toast{position:fixed;right:28px;bottom:26px;padding:13px 18px;border:1px solid #424936;border-radius:7px;background:#20251c;color:#e7f99a;z-index:30}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1700px){.cards>button{min-height:340px}.records{grid-template-columns:repeat(5,minmax(0,1fr))}}.account,.work-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cards .card-visual{position:absolute;top:0;right:0;bottom:0;left:52%;width:48%;height:100%;object-fit:cover;opacity:.32;-webkit-mask-image:linear-gradient(to right,transparent,#000 35%);mask-image:linear-gradient(to right,transparent,#000 35%)}.cards>button>svg,.cards h2,.cards p{position:relative;z-index:1}.cards b{position:absolute;z-index:1}.prompt{display:grid;gap:9px;color:#abb2bd}.sub{margin-top:-8px}.uploads{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.uploads>div{min-width:180px;padding:12px;border:1px dashed #39404b;border-radius:6px;display:grid;gap:9px}.uploads span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aeb5c0}.uploads img{width:46px;height:46px;object-fit:cover;border-radius:4px}.uploads button{border:0;background:none;color:#aaa}.uploads label{display:flex;align-items:center;gap:7px;color:#d9ef64;cursor:pointer}.uploads input{display:none}.page-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:#89919e}.studio>.page-state{min-height:0;margin:12px 0 0;padding:9px 12px;border:1px solid #252b34;border-radius:7px;background:#11151a;justify-content:flex-start}.studio>.capability-alert span{display:grid;gap:3px}.studio>.capability-alert small{display:none;color:#777f8d}.studio>.capability-alert button{margin-left:auto}.page-state button,.work-head button,.load-more{border:1px solid #343b46;border-radius:6px;padding:8px 14px;background:#171b22;color:#fff}.form-error{color:#ff8e8e}.work-head p{color:#89919e}.work-head button{display:flex;gap:7px;align-items:center}.cover{position:relative;width:100%;padding:0;border:0;color:#fff}.cover>b{position:absolute;top:9px;right:9px;padding:4px 7px;background:#111c;border-radius:4px;font-size:11px}.load-more{display:block;margin:24px auto}.detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;background:#000c;display:grid;place-items:center;padding:40px}.detail{position:relative;width:min(960px,90vw);max-height:90vh;overflow:auto;padding:24px;background:#14181e;border:1px solid #343b46;border-radius:8px}.detail>.close{position:absolute;right:16px;top:16px;z-index:2;border:0;background:#111b;color:#fff;padding:8px}.detail-media{position:relative;display:grid;place-items:center;min-height:420px;background:#090b0e}.detail-media img,.detail-media video{max-width:100%;max-height:60vh}.detail-media .prev,.detail-media .next{position:absolute;top:50%;border:0;background:#111b;color:#fff;padding:8px}.detail-media .prev{left:10px}.detail-media .next{right:10px}.detail-actions{display:flex;justify-content:flex-end;gap:10px;margin:16px 0}.detail-actions a,.detail-actions button{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #343b46;border-radius:6px;background:#191d24;color:#fff;text-decoration:none}.detail-actions .danger{color:#ff9a9a}.detail-info{color:#aeb5bf}.detail-info h3{color:#fff;margin-bottom:6px}.detail-info span{display:inline-block;margin:0 8px 8px 0;padding:7px 10px;background:#20252d;border-radius:4px}.modal form{display:grid;gap:14px;text-align:left}.modal form label{display:grid;gap:7px;color:#abb2bd}.modal form label>div{display:grid;grid-template-columns:1fr auto;gap:8px}.modal form input,.modal form button{height:42px;border:1px solid #343b46;border-radius:6px;background:#0d1015;color:#fff;padding:0 11px}.modal form>.primary{background:#daf34e;color:#111}.actions button{display:flex;align-items:center;gap:6px}.actions button:disabled,.workspace button:disabled{opacity:.5;cursor:not-allowed}.inspiration{padding-top:8px!important}.inspiration-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.inspiration-head h2{margin:6px 0;font-size:25px}.inspiration-head p{margin:0;color:#858d9b}.inspiration-tags{display:flex;gap:7px}.inspiration-tags span{padding:6px 11px;border:1px solid #2d333d;border-radius:5px;color:#a8afbb;font-size:12px}.case-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.case-gallery article{position:relative;overflow:hidden;min-width:0;aspect-ratio:4/5;border:1px solid #292f38;border-radius:7px;background:#13171d}.case-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.case-gallery article:hover img{transform:scale(1.035)}.case-gallery article>div{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:38px 13px 12px;background:linear-gradient(transparent,#080a0ddd)}.case-gallery strong{font-size:14px}.case-gallery button{border:1px solid #d8f250;border-radius:5px;padding:5px 8px;background:#161b14cc;color:#d8f250;font-size:11px}.case-gallery.video-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.case-gallery.video-gallery article{aspect-ratio:16/10}.showcase-more{display:block;margin:24px auto 0;border:1px solid #343b46;border-radius:6px;padding:9px 18px;background:#171b22;color:#fff}@media(min-width:1700px){.case-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.case-gallery.video-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}