:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171412;--muted:#6b645c;--bg:#f4efe8;--bg-2:#ebe4d8;--surface:#fffdf9;--surface-2:#fff;--line:#1714121a;--accent:#0b6e62;--accent-2:#09564d;--accent-soft:#0b6e621f;--hot:#d4532b;--danger:#c1352c;--ok:#1a7a48;--warn:#9a6700;--radius:18px;--shadow:0 1px 2px #1714120a, 0 16px 40px #17141212;--font:Manrope, system-ui, -apple-system, Segoe UI, Roboto, sans-serif}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 8% -8%, #0b6e6224, transparent 55%), radial-gradient(780px 380px at 100% 0%, #d4532b1a, transparent 48%), linear-gradient(180deg, #f8f4ee 0%, var(--bg) 42%, #efe8dc 100%);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffdf9d1;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(145deg, #12897a, var(--accent-2));color:#fffdf9;letter-spacing:-.04em;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 8px 18px #0b6e6247}.brand h1{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:750}.sub{color:var(--muted);margin:2px 0 0;font-size:12px}.nav{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.nav a,.nav button.link{color:var(--ink);cursor:pointer;opacity:.78;background:0 0;border:none;padding:6px 2px;font-size:14px;text-decoration:none}.nav a:hover,.nav button.link:hover,.nav a.active{opacity:1;color:var(--accent-2);text-decoration:none}.bal{color:var(--ink);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:650}.nav a.topup-cta{background:linear-gradient(135deg, var(--hot), #e36a3a);color:#fff;opacity:1;border-radius:999px;padding:8px 14px;font-weight:650;text-decoration:none;box-shadow:0 8px 18px #d4532b3d}.pay-banner{background:linear-gradient(#fff4ee,#ffece4);border:1px solid #d4532b47;border-radius:16px;margin:0 0 18px;padding:16px 18px}.pay-banner p{margin:0 0 12px}.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:36px 24px 48px}.foot{width:100%;max-width:1120px;color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin:0 auto;padding:18px 24px 28px;font-size:13px;display:flex}.foot a{color:inherit}.hero h2{margin:0 0 10px;font-size:34px;line-height:1.15}.lead{color:var(--muted);max-width:560px;margin:0 0 8px;font-size:1.08rem;line-height:1.55}.lead strong{color:var(--ink);font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 6px;font-size:18px}.price{color:var(--accent);margin:0 0 8px;font-weight:700}.actions{flex-wrap:wrap;gap:10px;margin:22px 0 8px;display:flex}button,.btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;padding:11px 16px;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 1px 2px #1714120a}button:hover:not(:disabled),.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 18px #17141214}button.primary,.btn.primary{background:linear-gradient(135deg, #12897a, var(--accent-2));color:#fffdf9;border:none;font-weight:700;box-shadow:0 10px 22px #0b6e623d}button.danger,.btn.danger{color:var(--danger);background:#fff6f5;border-color:#c1352c47}button.danger:hover:not(:disabled){background:#ffecea}button.compact,.btn.compact{border-radius:10px;padding:6px 10px;font-size:13px}.table-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}pre,.code,.logbox{border:1px solid var(--line);color:var(--ink);background:#f6f2eb;border-radius:14px;padding:14px;font-size:13px;line-height:1.45;overflow:auto}.logbox{white-space:pre-wrap;max-height:360px}.logbox-full{min-height:420px;max-height:min(74vh,960px);padding:8px 10px 16px}.log-head{justify-content:space-between;align-items:baseline;gap:12px;margin-top:28px;display:flex}.log-head h3{margin:0}.log-follow{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.log-follow input{width:auto}.log-entry{border-bottom:1px solid var(--line);padding:10px 6px 12px}.log-entry:last-child{border-bottom:none}.log-entry header{color:var(--muted);letter-spacing:.02em;align-items:baseline;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.log-entry pre{white-space:pre-wrap;word-break:break-word;background:0 0;border:none;margin:0;padding:0;font-size:12.5px;line-height:1.45;overflow:visible}.log-entry.log-error pre,.log-entry.log-error .log-level{color:var(--danger)}.log-entry.log-warn pre,.log-entry.log-warn .log-level{color:var(--warn)}.log-entry.log-output pre{color:#3a433f}.log-extra{margin-top:16px}.log-extra summary{cursor:pointer;color:var(--muted);font-size:13px}.log-extra .logbox{max-height:min(50vh,640px);margin-top:8px}label{color:var(--muted);margin:12px 0 6px;font-size:13px;font-weight:600;display:block}input,textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:11px 12px;box-shadow:inset 0 1px 2px #17141208}input:focus,textarea:focus{box-shadow:0 0 0 4px var(--accent-soft);border-color:#0b6e6273;outline:none}textarea{resize:vertical;min-height:120px}.note{color:var(--muted);font-size:13px}.err{color:var(--danger)}.ok{color:var(--ok)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 6px}.table th:last-child,.table td:last-child{text-align:right}.legal h2,.docs h2{margin-top:28px}.legal p,.docs p,.docs li{color:#3f3a35;line-height:1.55}.slug-row{align-items:center;gap:8px;display:flex}.slug-row input{flex:1}.slug-row span{color:var(--muted);white-space:nowrap;font-weight:650}.studio-hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:28px;margin-bottom:28px;display:grid}.studio-hero.solo{grid-template-columns:1fr}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:700}.studio-hero h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(32px,5vw,52px);line-height:1.08}.price-chip{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;margin-top:14px;padding:8px 12px;font-size:13px;font-weight:650;display:inline-flex}.site-preview{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.site-preview-bar{border-bottom:1px solid var(--line);background:#f3eee6;align-items:center;gap:8px;padding:10px 12px;display:flex}.site-preview-bar i{background:#d9cfc3;border-radius:50%;width:9px;height:9px;display:block}.site-preview-bar i:first-child{background:#e38a78}.site-preview-bar i:nth-child(2){background:#e0c36a}.site-preview-bar i:nth-child(3){background:#7dba8f}.site-preview-url{border:1px solid var(--line);color:var(--muted);background:#fffdf9;border-radius:999px;flex:1;margin-left:6px;padding:5px 12px;font-size:12px}.site-preview-body{background:radial-gradient(280px 140px at 90% 10%,#0b6e621f,#0000 60%),linear-gradient(#fffdf9,#f7f2ea);min-height:210px;padding:22px 20px 24px}.site-preview-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:11px;font-weight:700}.site-preview-body h3{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.site-preview-body p{color:var(--muted);margin:0 0 16px;font-size:14px}.site-preview-cta{background:var(--accent);color:#fffdf9;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.pitch-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px;display:grid}.pitch-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:18px}.pitch-n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-2);border-radius:9px;place-items:center;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-grid}.pitch-card h3{margin:0 0 6px;font-size:16px}.pitch-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.create-panel,.guest-panel{border:1px solid var(--line);background:radial-gradient(900px 240px at -10% -40%, #0b6e621a, transparent 55%), var(--surface);box-shadow:var(--shadow);border-radius:22px}.create-panel{padding:24px}.guest-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.guest-panel h3{margin:0 0 6px}.guest-panel p,.panel-head h3,.project-section h3{margin:0}.panel-head p{color:var(--muted);margin:6px 0 4px;font-size:13px}.create-panel textarea.short{min-height:88px}.project-section{margin-top:40px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:16px}.project-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-slug{color:var(--ink);font-weight:700;text-decoration:none}.project-slug:hover{text-decoration:underline}.project-product{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 8px;font-size:13px;display:-webkit-box;overflow:hidden}.project-card-actions{gap:8px;margin-top:12px;display:flex}.project-card-actions .btn,.project-card-actions button{padding:8px 12px;font-size:13px}.status-pill{white-space:nowrap;color:#4a453e;background:#efe8dc;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650}.status-pill.status-succeeded{color:var(--ok);background:#1a7a481f}.status-pill.status-running,.status-pill.status-deploying,.status-pill.status-queued{color:#1d4f8a;background:#2563eb1f}.status-pill.status-failed,.status-pill.status-canceled{color:var(--danger);background:#c1352c1a}.status-pill.status-needs_topup{color:#8a5a00;background:#f59e0b29}.keybox{word-break:break-all;border:1px dashed var(--line);background:#f3eee6;border-radius:12px;margin-top:12px;padding:12px}.project-chat{flex-direction:column;max-width:none;min-height:min(72vh,820px);margin-top:16px;display:flex}.project-chat-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:10px;display:flex}.project-chat-head h3,.project-chat-head .note{margin:0}.project-chat-box{border:1px solid var(--line);background:#f7f3ec;border-radius:14px;flex:1;min-height:420px;max-height:min(58vh,640px);padding:14px 16px;overflow:auto}.project-chat-msg{border:1px solid var(--line);border-radius:14px;margin:0 0 14px;padding:12px 14px}.project-chat-user{background:var(--accent-soft);margin-left:12%}.project-chat-assistant{background:var(--surface-2);margin-right:8%}.project-chat-msg header{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.project-chat-msg pre{white-space:pre-wrap;word-break:break-word;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:14px;line-height:1.5;overflow:visible}.project-chat-revise{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.project-chat-revise textarea{min-height:96px;font-size:13px}.project-chat-revise .actions{margin-top:10px}.project-chat-typing{margin:8px 0 0}.project-chat-composer{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:12px;display:grid}.project-chat-composer textarea{min-height:84px;margin:0}.auth-pending{color:var(--muted);padding:48px 0}@media (width<=860px){.studio-hero,.pitch-grid{grid-template-columns:1fr}.site-preview{display:none}}@media (width<=720px){.top{flex-direction:column;align-items:flex-start}.project-chat-user,.project-chat-assistant{margin-left:0;margin-right:0}.project-chat-composer{grid-template-columns:1fr}}