:root{color-scheme:dark;--bg:#101113;--surface:#191a1d;--line:#303136;--text:#eeeef0;--muted:#9b9ca5;--accent:#c3e88b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.upload:focus-within{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1440px;margin:auto;padding:0 44px 28px}header{display:flex;align-items:center;gap:10px;min-height:98px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:20px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}.logo{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:#22291c;border-radius:10px}.logo svg{width:23px}.header-divider{height:25px;width:1px;background:var(--line);margin:0 14px}.workspace-label{color:var(--muted);font-size:13px;margin-right:auto}.history-toggle{padding:10px 17px;border:1px solid transparent;background:transparent;color:#c3c3ca;border-radius:8px;font-size:14px}.history-toggle:hover{background:#252629;color:white}#historyToggle{border-color:var(--line)}#logoutBtn{border-left:1px solid var(--line);margin-left:8px;color:var(--muted)}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 27px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin:0 0 8px}h1{font-size:32px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 8px;font-weight:600}.page-intro p:last-child{color:var(--muted);margin:0;font-size:14px}.intro-tag{color:#777882;font:12px ui-monospace,monospace;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(325px, .78fr) minmax(0,1.22fr);gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0}.main{padding:24px}.section-heading{display:flex;align-items:center;gap:10px}h2{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0}.section-number{display:grid;place-items:center;width:25px;height:25px;font:11px ui-monospace,monospace;color:#a5a5af;border:1px solid #414247;border-radius:6px}.section-label{font-size:10px;letter-spacing:1.2px;color:#888991;margin-left:auto}.lead{font-size:13px;color:var(--muted);margin:10px 0 22px}.uploads{display:grid;gap:12px}.upload{display:flex;align-items:center;position:relative;gap:14px;border:1px dashed #45464d;background:#151619;border-radius:10px;padding:22px 16px;min-height:104px;cursor:pointer;transition:border-color .18s,background .18s}.upload:hover,.upload.ready{border-color:var(--accent);background:#1c2218}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:9px;background:#232428;color:#b1b2bb}.upload>span:not(.upload-icon):not(.upload-add){min-width:0}.upload b{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:500}.upload small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.upload-add{margin-left:auto;color:#92939d;flex-shrink:0}.upload-add svg{width:17px}.gpu-box{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.gpu-grid{display:grid;gap:8px;margin-top:16px}.gpu{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#1d1e22;border:1px solid #37383e;border-radius:8px;padding:13px 14px;color:#cbccd3}.gpu:before{content:'';width:13px;height:13px;flex:0 0 13px;border-radius:50%;border:1px solid #63646e}.gpu b{font-size:13px;font-weight:500;margin-right:auto}.gpu small{font-size:11px;color:var(--muted)}.gpu.active{border-color:#899d6e;background:#23291e}.gpu.active:before{background:var(--accent);border:3px solid #23291e;box-shadow:0 0 0 1px var(--accent)}.gpu.active b{color:#e2f2cf}.start{display:block;width:100%;margin:23px 0 0;border:0;border-radius:9px;background:var(--accent);color:#202917;padding:15px;font-size:14px;font-weight:650}.start:hover:not(:disabled){background:#d0f29e}.output-column{display:grid;gap:16px}.output-panel{padding:21px}.result{margin-top:18px;min-width:0}.slide-nav{display:flex;gap:3px;background:#111214;border:1px solid #292a2f;padding:4px;border-radius:8px;width:fit-content;margin:0 auto 16px}.slide-nav button{font-size:12px;padding:8px 15px;background:transparent;color:#9b9ca5;border:0;border-radius:5px}.slide-nav button.active{color:#f1f1f3;background:#323339}.video-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid #2b2c31;border-radius:9px;background:#121315;aspect-ratio:1.7}.video-track::-webkit-scrollbar{display:none}.video-slide{flex:0 0 100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;text-align:center;padding:28px;overflow:hidden;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:16px 16px}.video-slide b{font-size:14px;font-weight:500;color:#c4c4ce}.video-slide p{max-width:270px;color:#777984;font-size:12px;margin:8px 0}.preview-symbol{display:grid;place-items:center;width:55px;height:55px;border:1px solid #3a3b41;background:#202125;border-radius:15px;color:#9e9fa9;margin-bottom:18px}.preview-symbol svg{width:27px;height:27px}.video-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b0c0e}.side{padding:19px 22px}.progress-title{display:flex;align-items:center;justify-content:space-between}.progress-title .eyebrow{font-size:11px;margin:0;color:#b4b5be;letter-spacing:1px}.progress-title>span{font:12px ui-monospace,monospace;color:#8e8f99}ol{list-style:none;margin:20px 0;padding:0;display:flex;justify-content:space-between;gap:6px}li{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;font-size:11px;color:#8d8e97;gap:9px}li i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #474850;border-radius:50%;font:11px ui-monospace,monospace;background:var(--surface);z-index:1}li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 16px);top:12px;width:calc(100% - 25px);height:1px;background:#3c3d43}li em{font-size:9px;font-style:normal;color:#c6b789}li.done{color:var(--accent)}li.done i{background:var(--accent);color:#222;border-color:var(--accent)}.shutdown{display:flex;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding-top:14px}.shutdown b{font-size:11px;color:#b4b5be;white-space:nowrap;font-weight:500}.shutdown p{font-size:11px;color:#787984;margin:0}.status{margin-top:20px;border:1px solid #5d6d49;padding:16px;border-radius:9px;background:#20251b}.status b{font-size:14px}.status span{float:right;font:14px ui-monospace,monospace;color:var(--accent)}.status p{color:#afb7a4;font-size:13px}.status button{border:1px solid #5f684f;background:transparent;color:#e0e7d6;border-radius:6px;padding:7px 12px}.activity-panel{margin-top:22px;padding:21px 24px}.live-console{margin-top:16px}.console-head{display:flex;align-items:center;gap:15px;margin-bottom:12px;font-size:12px}.console-head b{color:#9a9ba6;font-weight:400}.console-head span{color:#72747f;overflow-wrap:anywhere}.console-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.console-grid section{border:1px solid #303137;border-radius:8px;overflow:hidden;background:#141518;min-width:0}.console-grid section>b{display:block;padding:9px 12px;color:#a7a8b2;border-bottom:1px solid #2a2b30;font-size:11px;font-weight:500}.console-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;height:90px;margin:0;padding:12px;color:#8d9d83;font:11px/1.6 ui-monospace,SFMono-Regular,monospace}.solana-widget{max-width:1352px;margin:0 auto 28px;padding:18px 24px;border:1px solid var(--line);border-radius:12px;background:#17181b}.solana-head{display:flex;align-items:center;justify-content:space-between}.solana-title{font-size:11px;letter-spacing:1px;color:#9798a2}.solana-price{font:18px ui-monospace,monospace}.solana-meta,.solana-note{font-size:11px;color:#81828d}.solana-chart{width:100%;height:65px;display:block;margin-top:10px}.history-panel{position:fixed;inset:0 auto 0 0;width:min(560px,100vw);z-index:15;border-radius:0;padding:28px;overflow:auto;box-shadow:30px 0 90px #0009}.history-head{display:flex;align-items:center;justify-content:space-between}.history-head button,.history-card button,.calendar-nav button,.billing-person{background:#242529;border:1px solid #44454d;color:var(--text);padding:9px 12px;border-radius:7px}.history-list{display:grid;gap:12px;margin-top:24px}.history-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px}.history-card img,.history-card video{width:70px;height:85px;object-fit:cover;border-radius:5px}.history-card h3{font-size:14px;margin:0;overflow-wrap:anywhere}.history-card p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.history-card>div:last-child{grid-column:1/-1;display:flex;gap:8px}.history-card .danger{color:#e8a6a6}.history-link{color:var(--accent)}.billing-panel:not(.active){display:none}.billing-people{display:grid;gap:9px;margin:20px 0}.billing-person{display:flex;justify-content:space-between;cursor:pointer}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:15px}.calendar-week{font-size:11px;color:var(--muted);text-align:center}.calendar-cell{min-height:68px;border:1px solid var(--line);border-radius:5px;padding:5px;font-size:12px}.calendar-cell small{display:block;color:var(--muted);font-size:10px}.calendar-cell.today{border-color:var(--accent)}.calendar-total,.monthly-total{padding:16px;background:#242c1d;border-radius:8px;color:var(--accent)}.billing-table{width:100%;font-size:12px}.login-gate{position:fixed;inset:0;z-index:30;background:#101113;display:grid;place-items:center}.login-card{width:min(410px,calc(100% - 36px));padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.login-symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:#222;border-radius:10px;margin-bottom:28px}.login-card h1{font-size:28px}.login-card p{color:var(--muted);font-size:14px;margin-bottom:26px}.login-card input{width:100%;display:block;background:#111214;border:1px solid #414248;padding:13px;border-radius:7px;color:white;margin:12px 0}.login-card button{width:100%;background:var(--accent);color:#242b1e;border:0;border-radius:7px;padding:13px;font-weight:600;margin-top:8px}.login-card small{display:block;color:#eca4a4;margin-top:14px}.design-preview .solana-chart{display:none}
@media(min-width:1500px){.video-track{aspect-ratio:1.85}}@media(max-width:1050px){.shell{padding:0 24px 24px}.workspace-label,.header-divider{display:none}.brand{margin-right:auto}.main{padding:20px}.layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1fr);gap:14px}.video-track{aspect-ratio:1.2}.gpu{flex-wrap:wrap;gap:8px}.gpu small{margin-left:22px;width:100%}.shutdown{display:block}.shutdown p{margin-top:5px}.solana-widget{margin:0 24px 24px}}@media(max-width:760px){.shell{padding:0 16px 20px}header{min-height:82px;gap:2px;flex-wrap:wrap;padding:15px 0}.brand{flex:1 1 100%;margin:0 0 12px}.brand small{font-size:9px}.history-toggle{font-size:13px;padding:7px 14px}#logoutBtn{margin-left:auto}.page-intro{padding:24px 0}.page-intro h1{font-size:28px}.intro-tag{display:none}.page-intro p:last-child{font-size:13px}.layout{grid-template-columns:1fr}.main,.output-panel{padding:20px}.gpu{flex-wrap:nowrap}.gpu small{margin-left:0;width:auto}.video-track{aspect-ratio:1.3}.activity-panel{padding:20px}.console-grid{grid-template-columns:1fr}.console-grid pre{height:78px}.solana-widget{margin:0 16px 24px}.history-panel{padding:22px}.slide-nav{width:100%;justify-content:center}.slide-nav button{padding:8px 11px}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}