@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20231f;font-synthesis:none;background:#f4f1eb;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.loading-screen{letter-spacing:.28em;place-items:center;min-height:100vh;font-size:12px;display:grid}.auth-shell{color:#f4f1eb;background:#20231f;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-art{flex-direction:column;justify-content:space-between;min-height:100vh;padding:8vw;display:flex;position:relative;overflow:hidden}.auth-art h1{letter-spacing:-.07em;z-index:1;max-width:750px;margin:0;font-size:clamp(42px,6vw,92px);font-weight:500;line-height:.98;position:relative}.auth-art h1 em,h1 em{color:#c9ef69;font-style:normal}.auth-art p{color:#aeb2a9;max-width:300px;margin:0;line-height:1.7}.orb{aspect-ratio:1;opacity:.92;filter:blur(1px);background:radial-gradient(circle at 35% 30%,#d9fa8b,#94bc35 43%,#27301c 68%);border-radius:50%;width:min(45vw,600px);position:absolute;top:16%;right:-12%}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#92988d;font:11px DM Mono,monospace}.auth-art .eyebrow{color:#c9ef69}.auth-card{color:#20231f;background:#f4f1eb;flex-direction:column;justify-content:center;padding:8vw 9vw;display:flex}.auth-card h2{letter-spacing:-.06em;margin:18px 0 46px;font-size:40px;font-weight:500}.auth-card label{text-transform:uppercase;color:#777b73;margin:0 0 22px;font:11px DM Mono,monospace}.auth-card input{color:#20231f;background:0 0;border:0;border-bottom:1px solid #c9cbc4;outline:none;width:100%;padding:12px 0;display:block}.auth-card input:focus{border-color:#20231f}.primary,.secondary{border:0;padding:15px 19px;font-weight:700}.primary{color:#20231f;background:#c9ef69}.primary span,.open-button span{margin-left:18px;font-size:18px}.auth-card .primary{justify-content:space-between;margin-top:24px;display:flex}.auth-card small{color:#92988d;margin-top:22px;font-size:11px}.error{color:#bd4b3e;font-size:13px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #dcd9d1;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:12px;font:700 13px DM Mono,monospace;display:flex}.brand-mark{color:#c9ef69;background:#20231f;place-items:center;width:26px;height:26px;font:700 16px Manrope;display:grid}.topbar-right{color:#777b73;align-items:center;gap:13px;font:11px DM Mono,monospace;display:flex}.status-dot{background:#88ae37;border-radius:50%;width:7px;height:7px}.user-pill{color:#4d5940;background:#dfe3d9;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:24px;display:grid}.text-button{color:#777b73;background:0 0;border:0;font:11px DM Mono,monospace}.dashboard{max-width:1440px;margin:auto;padding:36px 5vw 60px}.intro{justify-content:space-between;align-items:end;gap:30px;display:flex}.intro h1{letter-spacing:-.08em;margin:12px 0 10px;font-size:clamp(34px,4vw,54px);font-weight:500;line-height:.95}.intro p{color:#777b73;margin:0}.create{margin-bottom:7px}.rule{background:#dcd9d1;height:1px;margin:28px 0 18px}.section-head{color:#20231f;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font:11px DM Mono,monospace;display:flex}.section-head b{color:#9aa292;margin-left:5px;font-weight:400}.muted{color:#a1a49d}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px;display:grid}.project-card{background:#eeece5;border:1px solid #dcd9d1;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2a301414}.project-cover{background:radial-gradient(circle at 70% 35%,#c9ef69,#0000 26%),linear-gradient(130deg,#e1dfd4,#9ca695);height:180px;position:relative;overflow:hidden}.project-cover:after{content:"";background:#20231f;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-90px;right:-25px}.cover-label{z-index:1;color:#20231f;text-transform:uppercase;font:10px DM Mono,monospace;position:absolute;top:18px;left:18px}.cover-symbol{z-index:1;color:#c9ef69;font-size:52px;position:absolute;top:30%;right:25%}.project-info{justify-content:space-between;gap:8px;padding:20px;display:flex}.project-info h2{letter-spacing:-.04em;margin:0 0 7px;font-size:19px;font-weight:600}.project-info p{color:#92988d;margin:0;font:10px DM Mono,monospace}.card-actions{flex-direction:column;align-items:end;gap:11px;display:flex}.card-actions button{color:#777b73;background:0 0;border:0;font-size:12px}.card-actions .open-button{color:#f4f1eb;background:#20231f;padding:10px 12px}.card-actions .delete-button{color:#b16458;font-size:10px}.site-link{color:#4d6b1f;margin-top:8px;font:700 11px Manrope,sans-serif;text-decoration:none;display:inline-block}.site-link:hover{text-decoration:underline}.empty{text-align:center;color:#777b73;padding:100px 20px}.empty-icon{color:#75952f;background:#e1e7d5;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 20px;font-size:25px;display:grid}.empty h2{color:#20231f;letter-spacing:-.04em;font-size:24px}.empty p{max-width:350px;margin:0 auto 25px}.secondary{color:#f4f1eb;background:#20231f}@media (width<=760px){.auth-shell{grid-template-columns:1fr}.auth-art{min-height:45vh;padding:30px}.auth-art h1{margin-top:60px;font-size:48px}.orb{width:300px;top:24%;right:-100px}.auth-art p{display:none}.auth-card{padding:48px 30px}.topbar{padding:0 20px}.topbar-right{gap:8px;font-size:0}.topbar-right .text-button{font-size:11px}.user-pill{margin-left:5px}.dashboard{padding:28px 20px 40px}.intro{flex-direction:column;align-items:start}.intro h1{font-size:40px}.create{margin-top:16px}.rule{margin:24px 0 16px}.section-head .muted{display:none}.project-grid{grid-template-columns:1fr}.project-cover{height:180px}}.workspace-placeholder{max-width:1440px;margin:auto;padding:5vw 7vw}.back-button{color:#73776f;background:0 0;border:0;margin-bottom:65px;padding:0;font:11px DM Mono,monospace;display:block}.workspace-placeholder h1{letter-spacing:-.07em;margin:18px 0 12px;font-size:clamp(42px,6vw,78px);font-weight:500}.workspace-placeholder>p{color:#777b73}.placeholder-panels{border:1px solid #d5d3cc;grid-template-columns:42% 58%;min-height:410px;margin-top:50px;display:grid}.placeholder-panels section{background:#ebe9e2;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.placeholder-panels section+section{color:#f4f1eb;background:#20231f;border-left:1px solid #d5d3cc}.placeholder-panels b{font-size:14px}.placeholder-panels span{color:#8e9389;text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.publish-button{color:#20231f;background:#c9ef69;border:0;width:150px;padding:10px;font-size:11px;font-weight:700}.publish-button:disabled{opacity:.4}.cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.modal-backdrop{z-index:50;background:#20231f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f4f1eb;border:1px solid #d5d3cc;width:min(480px,100%);padding:28px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head b{letter-spacing:-.03em;font-size:18px}.modal-label{color:#777b73;text-transform:uppercase;margin-bottom:16px;font:10px DM Mono,monospace;display:block}.modal-label input{background:#fff;border:1px solid #c9c7bf;outline:none;width:100%;margin-top:8px;padding:12px;font-size:14px;display:block}.modal .primary{width:100%}.modal-text{color:#55584f;font-size:13px;line-height:1.6}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.danger{color:#f4f1eb;background:#b0493c;border:0;padding:14px;font-size:12px}.publish-result p{word-break:break-all;font-size:13px}.publish-result a{color:#4d6b1f}.publish-result .secondary{width:100%;margin-top:10px}.warning{color:#96660f;background:#f3e6c4;padding:10px 12px;font-size:11px;line-height:1.6}.workspace{background:#deddd7;height:100vh;overflow:hidden}.workspace-bar{background:#f4f1eb;border-bottom:1px solid #d0cec7;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.workspace-bar .back-button{text-align:left;width:150px;margin:0}.workspace-bar>div{flex-direction:column;align-items:center;gap:3px;display:flex}.workspace-bar b{font-size:14px}.workspace-bar span{color:#92968e;text-transform:uppercase;font:9px DM Mono,monospace}.editor-shell{grid-template-columns:var(--chat-width) 8px calc(100% - var(--chat-width) - 8px);height:calc(100vh - 72px);display:grid}.chat-panel{background:#f4f1eb;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-scroll{flex:auto;min-height:0;padding:34px;overflow-y:auto}.jump-bottom{z-index:5;color:#f4f1eb;background:#20231f;border:0;padding:8px 16px;font-size:11px;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #20231f44}.agent-intro{border-bottom:1px solid #dddad2;gap:16px;padding-bottom:28px;display:flex}.agent-glyph{color:#c9ef69;background:#20231f;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.agent-intro b{font-size:13px}.agent-intro p{color:#777b73;font-size:13px;line-height:1.6}.message{margin:24px 0}.message>span{color:#9a9d96;text-transform:uppercase;font:9px DM Mono,monospace}.message p{white-space:pre-wrap;background:#e9e7e0;margin:7px 0 0;padding:14px 16px;font-size:13px;line-height:1.6}.message.assistant p{background:#e6ecd9}.run-card{background:#eeece5;border:1px solid #d7d5cd;margin:25px 0;padding:18px}.run-card.completed{border-color:#afc77b}.run-card.failed{border-color:#cf9489}.run-head{justify-content:space-between;margin-bottom:14px;display:flex}.run-head b{font-size:12px}.run-head span{color:#999c95;font:9px DM Mono,monospace}.event-row{color:#676b64;gap:9px;padding:7px 0;font-size:11px;display:flex}.event-row i{background:#9abd4e;border-radius:50%;width:5px;height:5px;margin-top:5px}.working-line{color:#8a8e85;margin-top:12px;font:9px DM Mono,monospace}.working-line span{background:#718a3c;border-radius:50%;width:4px;height:4px;margin-right:3px;animation:1.2s infinite pulse;display:inline-block}.working-line span:nth-child(2){animation-delay:.2s}.working-line span:nth-child(3){animation-delay:.4s}@keyframes pulse{50%{opacity:.2}}.composer{border-top:1px solid #d8d6cf;flex:none;padding:18px}.composer textarea{resize:none;background:#eceae3;border:1px solid #d4d2ca;outline:none;width:100%;padding:14px;font-size:13px;display:block}.composer textarea:focus{border-color:#8d9879}.composer button{color:#f4f1eb;background:#20231f;border:0;width:100%;margin-top:8px;padding:12px;font-size:11px}.composer button:disabled{opacity:.4}.resizer{cursor:col-resize;background:#c9ef69;border:0;padding:0;position:relative}.resizer:after{content:"";background:#687c3d;width:2px;height:36px;position:absolute;top:50%;left:3px}.preview-panel{background:#20231f;flex-direction:column;min-width:0;min-height:0;display:flex}.preview-toolbar{color:#aeb2aa;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 18px;font:9px DM Mono,monospace;display:flex}.preview-toolbar i{background:#c9ef69;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.preview-panel iframe{background:#fff;border:0;width:calc(100% - 24px);height:calc(100% - 60px);margin:0 12px 12px}.preview-empty{text-align:center;color:#8d9189;background:repeating-linear-gradient(45deg,#242823,#242823 12px,#222621 12px 24px);flex:1;place-content:center;margin:0 12px 12px;display:grid}.preview-empty>span{color:#20231f;background:#c9ef69;place-items:center;width:50px;height:50px;margin:auto;font-size:25px;font-weight:800;display:grid}.preview-empty h2{color:#e5e4de;margin-bottom:4px;font-size:22px}.preview-empty p{max-width:350px;font-size:12px;line-height:1.6}.mobile-tabs{display:none}.image-list{border-top:1px solid #d7d5cd;margin:22px 0;padding-top:18px}.image-list-title{color:#858a80;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font:9px DM Mono,monospace}.image-task{align-items:center;gap:10px;padding:9px 0;display:flex}.image-task>div{flex:1;min-width:0}.image-task b,.image-task small{display:block}.image-task b{font-size:11px}.image-task small{color:#858a80;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font:9px DM Mono,monospace;overflow:hidden}.image-status{background:#b1b5ad;border-radius:50%;flex:none;width:7px;height:7px}.image-status.completed{background:#8ebc42}.image-status.failed{background:#bd6255}.image-status.processing,.image-status.pending,.image-status.queued{background:#d4a744}.image-task button{color:#f4f1eb;background:#20231f;border:0;padding:6px 8px;font-size:9px}@media (width<=760px){.workspace-bar{height:62px;padding:0 14px}.workspace-bar .back-button{width:auto}.workspace-bar>div{align-items:end}.publish-button{width:auto;padding:9px}.mobile-tabs{background:#f4f1eb;border-bottom:1px solid #d5d3cc;grid-template-columns:1fr 1fr;height:44px;display:grid}.mobile-tabs button{color:#8a8d86;background:0 0;border:0;font-size:11px}.mobile-tabs button.active{color:#20231f;box-shadow:inset 0 -2px #c9ef69}.editor-shell{height:calc(100vh - 106px);display:block}.chat-panel,.preview-panel{height:100%}.mobile-hidden,.resizer{display:none}.chat-scroll{padding:22px}}