:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#e8503a;--accent-hover:#f0634d;--brand:#e8503a;--brand-hover:#f0634d;--on-accent:#1a1919;--radius:10px;--radius-lg:14px;--radius-sm:7px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--bg:#1a1919;--surface:#1f1e1d;--surface-2:#2b2927;--rail:#1d1c1b;--border:#ffffff21;--border-strong:#ffffff2e;--text:#f5f1ea;--text-dim:#f5f1ea9e;--text-faint:#f5f1ea75;--green:#30d158;--green-bg:#30d15826;--green-tx:#4cc38a;--amber:#ff9f0a;--amber-bg:#ff9f0a26;--amber-tx:#f5c242;--red:#ff3b30;--red-bg:#ff6e6626;--red-tx:#ff6e66;--info-bg:#5ca9f229;--info-tx:#5ca9f2;--sel:#ffffff14}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-2:#ebebed;--rail:#fafafc;--border:#0000001a;--border-strong:#00000029;--text:#1c1c1e;--text-dim:#59595c;--text-faint:#828285;--green-bg:#1d7a461f;--green-tx:#1d7a46;--amber-bg:#8a5a001f;--amber-tx:#8a5a00;--red-bg:#b3261e1a;--red-tx:#b3261e;--info-bg:#0b6bcb1f;--info-tx:#0b6bcb;--sel:#0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;font-size:13px;line-height:1.5;overflow:hidden}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font);color:var(--text)}.app{height:100vh;display:flex}.rail{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;flex:none;width:288px;padding:12px 10px;display:flex}.rail.closed{display:none}.brand{justify-content:space-between;align-items:center;padding:4px 6px 12px;display:flex}.brand-l{align-items:center;gap:9px;display:flex}.brand-name{font-size:14px;font-weight:600}.icon-btn{color:var(--text-faint);background:0 0;border-radius:6px;padding:4px;font-size:18px}.icon-btn:hover{color:var(--text);background:var(--surface)}.seg{background:var(--bg);border:1px solid var(--border);border-radius:9px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.seg button{color:var(--text-dim);border-radius:6px;flex:1;padding:7px 4px;font-size:12.5px;font-weight:500}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.newbtn{border-radius:var(--radius-sm);width:100%;color:var(--text);align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.newbtn i{color:var(--accent);font-size:18px}.newbtn:hover{background:var(--surface)}.seclbl{color:var(--text-faint);letter-spacing:.02em;padding:16px 8px 6px;font-size:11px;font-weight:500}.navlist{flex-direction:column;gap:1px;display:flex}.navlist.recents{flex:1;min-height:40px;overflow-y:auto}.item{border-radius:var(--radius-sm);width:100%;color:var(--text-dim);text-align:left;align-items:center;gap:9px;padding:7px 8px;font-size:12.5px;display:flex}.item i{flex:none;font-size:16px}.item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.item small{color:var(--text-faint);font-size:11px}.item:hover,.item.on{background:var(--surface);color:var(--text)}.empty-note{color:var(--text-faint);padding:8px;font-size:11.5px}.budget-mini{border-top:1px solid var(--border);margin-top:6px;padding:10px 8px 8px}.budget-row{color:var(--text-dim);justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.bar{background:var(--border);border-radius:4px;height:5px;overflow:hidden}.bar>div{border-radius:4px;height:100%}.acct{border-radius:var(--radius-sm);align-items:center;gap:9px;width:100%;padding:8px;display:flex}.acct:hover{background:var(--surface)}.avatar{background:var(--info-bg);width:26px;height:26px;color:var(--info-tx);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.acct-name{color:var(--text);font-size:12.5px;font-weight:500;line-height:1.2}.acct-sub{color:var(--text-faint);font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:46px;padding:0 18px;display:flex}.crumb{color:var(--text-dim);font-size:13px;font-weight:500}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.on{display:flex}.canvas{flex:1;padding:22px 24px;overflow-y:auto}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:760px;margin:0 auto;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile.empty{text-align:center;color:var(--text-faint);aspect-ratio:auto;background:0 0;border-style:dashed;flex-direction:column;grid-column:1/-1;gap:8px;padding:48px 0;font-size:11.5px;padding-left:16px!important;padding-right:16px!important}.tile.empty i{font-size:26px}.composer-wrap{flex:none;padding:12px 24px 22px}.composer{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:760px;margin:0 auto;padding:12px 14px}.composer textarea{resize:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13.5px;line-height:1.5}.composer textarea::placeholder{color:var(--text-faint)}.crow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ctrl{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text-dim);border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;display:inline-flex}.ctrl:hover{border-color:var(--border-strong);color:var(--text)}select.ctrl{padding-right:6px}.spacer{margin-left:auto}.cost{color:var(--text-faint);font-size:11.5px}.send{background:var(--brand);width:34px;height:34px;color:var(--on-accent);border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex}.send:hover{background:var(--brand-hover)}.asyncnote{color:var(--text-dim);margin-top:8px;font-size:11px}.gennote{color:var(--amber-tx);align-items:center;gap:6px;margin-top:8px;font-size:11.5px;display:flex}.pad{flex:1;padding:22px 24px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:760px;padding:18px}h2{margin-bottom:4px;font-size:17px;font-weight:600}.muted{color:var(--text-dim);font-size:12.5px}.pill{border-radius:7px;padding:2px 9px;font-size:11px;font-weight:500}.pill.amber{background:var(--amber-bg);color:var(--amber-tx)}.pill.green{background:var(--green-bg);color:var(--green-tx)}.pill.info{background:var(--info-bg);color:var(--info-tx)}.pill.neutral{background:var(--surface-2);color:var(--text-dim)}.stages{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.stage{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px}.stages i{color:var(--text-faint)}.settings{gap:22px;max-width:960px;display:flex}.subnav{flex-direction:column;flex:none;gap:2px;width:208px;display:flex}.tab{color:var(--text-dim);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.tab i{font-size:16px}.subnav-h{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:12px 10px 4px;font-size:10px}.subnav-h:first-child{padding-top:2px}.tab:hover{background:var(--surface);color:var(--text)}.tab.on{background:var(--surface);color:var(--text);font-weight:500}.kv{border-bottom:1px solid var(--border);padding:9px 0;font-size:12.5px;display:flex}.kv .k{color:var(--text-dim);flex:none;width:140px}.btn{border:1px solid var(--border-strong);height:34px;color:var(--text);box-sizing:border-box;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2)}a.btn{text-decoration:none}.btn.danger{color:var(--red-tx);border-color:var(--red)}code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11.5px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:9px 8px;font-size:11.5px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 8px}.toolbar2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tg2{background:var(--surface-2);color:var(--text-dim);border-radius:12px;padding:2px 8px;font-size:10px;display:inline-block}.btn.primary{background:var(--brand);color:var(--on-accent);border:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary:hover{background:var(--brand-hover)}.btn.sm{height:30px;padding:0 10px;font-size:11.5px}.field{border:1px solid var(--border);background:var(--bg);width:100%;height:36px;color:var(--text);border-radius:8px;outline:none;padding:0 11px;font-size:13px}.field:focus{border-color:var(--accent)}label.fl{color:var(--text-dim);margin:12px 0 5px;font-size:12px;display:block}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;width:430px;max-width:100%;padding:22px;box-shadow:0 18px 50px #0006}.modal h3{margin-bottom:4px;font-size:16px;font-weight:600}.modal .sub{color:var(--text-dim);margin-bottom:8px;font-size:12px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.rowact i{color:var(--text-faint);cursor:pointer;margin-left:12px;font-size:16px}.rowact i:hover{color:var(--text)}.finwrap{min-width:0;overflow-x:auto}.finwrap table{white-space:nowrap}.search-wrap{display:inline-block;position:relative}.search-wrap>i{color:var(--text-faint);pointer-events:none;font-size:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search{border:1px solid var(--border);background:var(--bg);width:240px;max-width:100%;height:36px;color:var(--text);border-radius:8px;outline:none;padding:0 12px 0 32px;font-size:13px}.search:focus{border-color:var(--accent)}@keyframes zs-spin{to{transform:rotate(360deg)}}.zs-spin{animation:.8s linear infinite zs-spin;display:inline-block}.zs-skel{background:var(--surface-2);animation:1.1s ease-in-out infinite zs-pulse}@keyframes zs-pulse{0%,to{opacity:.35}50%{opacity:.85}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:120px;padding:10px 14px}.pg{flex:1;min-height:0;display:flex}.pg-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.pg-feed{flex:1;padding:22px 24px 200px;overflow-y:auto}.pg-feed>*{max-width:760px;margin-left:auto;margin-right:auto}.res-list{flex-direction:column;display:flex}.res-head{color:var(--text-faint);border-bottom:1px solid var(--border);padding:4px 0 10px;font-size:12px}.res-row{border-bottom:1px solid var(--border);border-left:2px solid #0000;padding:12px 10px}.res-row.sel{border-left-color:var(--accent);background:var(--surface)}.res-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.res-facts{color:var(--text-dim);font-size:12px}.res-note{color:var(--text-faint);align-items:center;gap:5px;font-size:12px;display:inline-flex}.res-note.amber{color:var(--amber-tx)}.res-err{color:var(--red-tx);margin-top:6px;font-size:12px}.res-prompt{margin-top:6px}.res-prompt>div>div{color:var(--text-dim)!important;font-size:13px!important}.pg-prompt{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:16px;left:0;right:0}.pg-prompt-card{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;width:min(760px,100% - 48px);padding:12px 14px;display:flex;box-shadow:0 10px 30px #00000073}.pg-prompt-card textarea::placeholder{color:var(--text-faint)}.pg-prompt-hint{pointer-events:none;text-align:right;width:min(760px,100% - 48px);color:var(--text-faint);margin-top:6px;font-size:11px}.pg-rail{border-left:1px solid var(--border);flex-direction:column;flex:none;width:300px;padding:16px;transition:width .2s,padding .2s;display:flex;overflow-y:auto}.pg-rail.collapsed{border-left:0;width:0;padding:0;overflow:hidden}.rail-div{background:var(--border);height:1px;margin:12px 0}.rail-toggle{z-index:6;border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.rail-toggle:hover{color:var(--text);border-color:var(--border-strong)}.lb{flex-direction:row;width:94%;max-width:1120px;max-height:90vh;padding:0;display:flex;overflow:hidden}.lb-stage{background:var(--surface-2);flex:1;justify-content:center;align-items:center;min-width:0;padding:16px;display:flex;overflow:hidden}.lb-info{border-left:1px solid var(--border);flex-direction:column;flex:0 0 320px;width:320px;min-height:0;display:flex}.lb-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.lb-prompt{white-space:pre-wrap;flex:none;max-height:360px;font-size:13.5px;line-height:1.5;overflow-y:auto}.lb-actions{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding:12px 14px;display:flex}.rail-backdrop,.pg-rail-backdrop{display:none}@media (max-width:768px){body,.app{height:100dvh}.rail{z-index:60;width:min(86vw,300px);height:100dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:none;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 0 44px #0000008c}.rail.open{display:flex}.rail-backdrop{z-index:55;background:#00000080;display:block;position:fixed;inset:0}.topbar{padding:0 12px}.canvas,.pad{padding:16px 14px;overflow-x:auto}.settings{flex-direction:column;gap:14px;min-width:0;max-width:100%}.subnav{flex-flow:wrap;gap:6px;width:100%}.subnav-h{width:100%;padding:8px 4px 2px}.card{max-width:100%}.modal{width:100%}.overlay{align-items:flex-end;padding:12px}.rowact i{margin-left:14px;font-size:18px}.pg-feed{padding:16px 14px}.pg-feed>*{max-width:100%}.pg-prompt{background:var(--bg);border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));align-items:stretch;position:static;bottom:auto;left:auto;right:auto}.pg-prompt-card,.pg-prompt-hint,.pg-media{width:100%!important}.pg-media-hint{display:none}.composer-wrap,.composer,.gallery{max-width:100%}.pg-rail{border-left:1px solid var(--border-strong);background:var(--surface);z-index:58;border-top:0;border-radius:0;width:min(86vw,320px);max-height:none;padding:16px;position:fixed;inset:46px 0 0 auto;overflow-y:auto;box-shadow:-14px 0 40px #00000080}.pg-rail:not(.open){display:none}.pg-rail-backdrop{z-index:57;background:#00000080;display:block;position:fixed;inset:46px 0 0}.rail-toggle{width:44px;height:44px;box-shadow:none;z-index:59;background:0 0;border:none;border-radius:8px;position:fixed;top:1px;bottom:auto;right:6px}.topbar{padding-right:50px}.lb{flex-direction:column;width:100%;max-height:calc(100dvh - 24px)}.lb-stage{flex:none;min-height:160px;max-height:44dvh;padding:10px}.lb-stage img{max-height:calc(44dvh - 20px)!important}.lb-info{border-left:0;flex:auto;width:100%;min-height:0}.lb-prompt{max-height:120px}.lb-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px;display:grid}.lb-actions .lb-main{grid-column:1/-1}.gen-tile{aspect-ratio:1;width:calc(50% - 5px)!important;height:auto!important}.progress-row .bar{flex:60px;width:auto!important}.progress-row>span:last-child{flex:none}}.trow:hover .tact{display:flex!important}.gate{justify-content:center;align-items:center;height:100vh;padding:24px;display:flex;overflow-y:auto}.gate-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:22px;width:400px;max-width:100%;padding:48px 40px 36px;box-shadow:0 24px 70px #00000059}.gate-card input{text-align:center;height:46px;font-size:15px}.gate-card .btn{justify-content:center;width:100%;height:46px;font-size:15px}.gate-links{color:var(--text-faint);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;font-size:12px;display:flex}.gate-links a{color:var(--text-dim);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.land{flex-direction:column;height:100vh;min-height:100vh;display:flex;overflow-y:auto}.land main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 16px}.land-top{width:100%;max-width:960px;margin:0 auto;padding:16px}.land-brand{min-height:44px;color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.land-hero{text-align:center;padding:72px 0 64px}.land-hero h1{letter-spacing:-.02em;max-width:14em;margin:0 auto 18px;font-size:clamp(30px,6vw,52px);line-height:1.1}.land-hero p{color:var(--text-dim);max-width:34em;margin:0 auto 30px;font-size:clamp(15px,2.2vw,18px);line-height:1.6}.land-sub span{display:block}.land-cta{justify-content:center;align-items:center;text-decoration:none;display:inline-flex;height:50px!important;padding:0 26px!important;font-size:16px!important}.land-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:760px;margin:0 auto;padding:0 0 96px;display:grid}.land-pair figure,.land-pair .empty{background:var(--surface);border:1px solid var(--border);aspect-ratio:3/4;border-radius:16px;margin:0;position:relative;overflow:hidden}.land-pair img,.land-pair video{object-fit:cover;width:100%;height:100%;display:block}.land-pair figcaption{color:#fff;background:linear-gradient(#0000,#000000a6);padding:8px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.land-pair .empty{text-align:center;color:var(--text-faint);background:0 0;border-style:dashed;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.land-pair-arrow{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:9em;font-size:13px;display:flex}.land-pair-arrow i{color:var(--brand);font-size:28px}.land-samples{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;padding:0 0 96px;display:grid}.land-samples:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:720px}.land-sample{background:var(--surface);border:1px solid var(--border);aspect-ratio:3/4;border-radius:16px;margin:0;position:relative;overflow:hidden}.land-sample video{object-fit:cover;width:100%;height:100%;display:block}.land-sample figcaption{color:#fff;background:linear-gradient(#0000,#000000a6);padding:8px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.land-sample.empty{text-align:center;color:var(--text-faint);background:0 0;border-style:dashed;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.land-steps{padding:0 0 80px}.land-steps h2{text-align:center;margin:0 0 22px;font-size:22px}.land-steps ol{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.land-steps li{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:12px;padding:18px;display:flex}.land-steps li i{color:var(--accent);flex:none;margin-top:1px;font-size:22px}.land-steps li b{margin-bottom:4px;font-size:15px;display:block}.land-steps li span{color:var(--text-dim);font-size:13.5px;line-height:1.55}.land-price{text-align:center;padding:8px 0 40px}.land-price p{margin:0 0 6px;font-size:16px}.land-price p.muted{font-size:13px}.land-foot{padding:8px 16px 24px}@media (max-width:760px){.land-hero{padding:44px 0 40px}.land-pair,.land-samples{padding-bottom:64px}.land-samples:has(>:nth-child(2):last-child){grid-template-columns:1fr;max-width:340px}.land-samples{grid-template-columns:1fr;max-width:340px;margin:0 auto}.land-pair{grid-template-columns:1fr;max-width:340px}.land-pair-arrow i{transform:rotate(90deg)}.land-steps ol{grid-template-columns:1fr}}.doc{height:100vh;overflow-y:auto}.doc main{max-width:720px;margin:0 auto;padding:48px 16px 80px;font-size:14.5px;line-height:1.7}.doc h1{margin:18px 0 6px;font-size:26px}.doc-links{justify-content:flex-start;margin-top:36px}.doc h2{margin:26px 0 6px;font-size:17px}.doc p,.doc li{color:var(--text-dim);margin:0 0 10px}.doc ul{padding-left:20px}.doc a{color:var(--text)}@media (max-width:768px){.btn,.ctrl,.icon-btn,.tab{min-height:44px}.icon-btn{justify-content:center;align-items:center;min-width:44px;display:inline-flex}.gate-card{padding:36px 22px 28px}}
