@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#e9edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1119;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}.app-shell{background:radial-gradient(circle at 92% -10%,#273752 0,#0000 32%),#0d1119;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1119db;border-bottom:1px solid #263041;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.app-logo{color:#fff;letter-spacing:-.04em;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.app-logo span{color:#16120b;background:#f3b748;border-radius:9px;place-items:center;width:31px;height:31px;font-size:.9rem;display:grid}.app-header__meta{color:#8894a8;align-items:center;gap:18px;font-size:.78rem;display:flex}.status{color:#b7c0cf;align-items:center;gap:7px;display:flex}.status:before{content:"";background:#647085;border-radius:50%;width:7px;height:7px}.status--online:before{background:#54d38a;box-shadow:0 0 0 4px #54d38a1f}.workspace{background:#263041;grid-template-columns:minmax(390px,34%) minmax(0,66%);gap:1px;height:calc(100vh - 68px);display:grid}.chat-panel,.preview-panel{background:#111722;min-height:0}.chat-panel{grid-template-rows:auto 1fr auto auto;display:grid;position:relative}.chat-panel__header,.preview-header{border-bottom:1px solid #263041;justify-content:space-between;align-items:center;min-height:94px;padding:20px 24px;display:flex}.kicker{color:#f3b748;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.67rem;font-weight:800}.chat-panel h1,.preview-header h2{color:#f8fafc;letter-spacing:-.03em;margin:0;font-family:Manrope,sans-serif;font-size:1.25rem}.icon-button{color:#9aa6b8;cursor:pointer;background:#171f2c;border:1px solid #303b4d;border-radius:9px;width:34px;height:34px}.messages{padding:24px;overflow:auto}.welcome{text-align:center;max-width:390px;margin:5vh auto 0}.welcome__icon{color:#19150c;background:#f3b748;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-family:Manrope,sans-serif;font-weight:800;display:grid;box-shadow:0 14px 40px #f3b74824}.welcome h2{color:#f5f7fb;margin:0;font-family:Manrope,sans-serif;font-size:1.28rem;line-height:1.3}.welcome>p{color:#8e9aac;margin:12px auto 24px;font-size:.9rem;line-height:1.55}.examples{gap:8px;display:grid}.examples button{color:#c8d0dc;text-align:left;cursor:pointer;background:#151d29;border:1px solid #293449;border-radius:10px;padding:11px 13px;font-size:.82rem}.examples button:hover{background:#1a2331;border-color:#52627b}.message{margin-bottom:24px}.message__label{color:#69768a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.67rem;font-weight:800}.message--user{margin-left:34px}.message--user>div:last-child{color:#eef2f7;background:#283348;border-radius:14px 14px 4px;padding:13px 15px}.message--assistant>div:last-child{color:#cfd6e2}.message__text{white-space:pre-wrap;margin:0 0 10px;font-size:.9rem;line-height:1.6}.tool-card{color:#a9b4c5;background:#171f2c;border:1px solid #2c384b;border-radius:11px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;font-size:.78rem;display:flex}.tool-card--done{color:#79d7a2;background:#14251f;border-color:#315945;flex-direction:column;align-items:flex-start}.tool-card--done strong{color:#dcefe5}.tool-card--error{color:#ff9baa;background:#2b171c;border-color:#6f3540}.spinner{border:2px solid #40506a;border-top-color:#f3b748;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.draft-card{background:linear-gradient(145deg,#242716,#1b211a);border:1px solid #586032;border-radius:13px;margin:0 16px 12px;padding:15px;box-shadow:0 15px 50px #00000038}.draft-card>div:first-child{gap:3px;display:grid}.draft-card strong{color:#f2f5e6;font-size:.87rem}.draft-card small{color:#929b78;font-size:.72rem}.draft-card__actions{gap:8px;margin-top:13px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:36px;padding:7px 13px;font-size:.76rem;font-weight:800}.button:disabled{opacity:.5;cursor:not-allowed}.button--ghost{color:#bbc3ad;background:0 0;border-color:#444d3d}.button--publish{color:#18200c;background:#d3e458;margin-left:auto}.action-error{color:#ff8798;margin:0 16px 8px;font-size:.76rem}.composer{background:#171f2c;border:1px solid #2e3a4d;border-radius:14px;margin:0 16px 16px;padding:12px;box-shadow:0 18px 40px #00000038}.composer:focus-within{border-color:#52637e}.composer textarea{resize:none;color:#edf1f6;background:0 0;border:0;outline:0;width:100%;line-height:1.5}.composer textarea::placeholder{color:#66748a}.composer>div{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.composer small{color:#66748a;font-size:.66rem}.send-button{color:#1b160c;cursor:pointer;background:#f3b748;border:0;border-radius:9px;min-height:34px;padding:6px 12px;font-size:.74rem;font-weight:800}.send-button:disabled{opacity:.42;cursor:not-allowed}.preview-panel{background:#151c28;grid-template-rows:auto 1fr;padding:0 18px 18px;display:grid}.preview-header{border:0;padding-inline:6px}.preview-controls{align-items:center;gap:10px;display:flex}.segmented{background:#101722;border:1px solid #303b4d;border-radius:10px;padding:3px;display:flex}.segmented button{color:#7d899b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:.72rem;font-weight:700;position:relative}.segmented button.active{color:#f3f5f8;background:#273246}.segmented button:disabled{opacity:.35;cursor:not-allowed}.segmented span{color:#7f8aa0}.segmented i{background:#d3e458;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.undo-button{color:#aab4c3;cursor:pointer;background:#171f2c;border:1px solid #303b4d;border-radius:9px;padding:8px 11px;font-size:.7rem}.undo-button:disabled{opacity:.35;cursor:not-allowed}.preview-frame-wrap{background:#fff;border:1px solid #344054;border-radius:14px;grid-template-rows:36px 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000040}.preview-browser-bar{background:#252e3d;border-bottom:1px solid #111722;align-items:center;gap:6px;padding:0 12px;display:flex}.preview-browser-bar>span{background:#596578;border-radius:50%;width:8px;height:8px}.preview-browser-bar>span:first-child{background:#e46d6d}.preview-browser-bar>span:nth-child(2){background:#d5aa55}.preview-browser-bar>span:nth-child(3){background:#62b57d}.preview-browser-bar>div{color:#6f7c90;text-align:center;background:#171e29;border-radius:6px;flex:1;max-width:390px;margin:0 auto;padding:4px 12px;font-size:.65rem}.preview-browser-bar b{color:#aeb9c8;letter-spacing:.1em;font-size:.58rem}.preview-frame-wrap iframe{background:#fff;border:0;width:100%;height:100%}.preview-loading{color:#7b8799;place-items:center;display:grid}@media (width<=980px){.workspace{grid-template-columns:1fr;height:auto}.chat-panel{min-height:calc(100vh - 68px)}.preview-panel{min-height:850px}.preview-frame-wrap{height:720px}}@media (width<=620px){.app-header__meta>span:last-child{display:none}.workspace{display:block}.chat-panel__header,.preview-header{padding:16px}.messages{padding:18px}.preview-panel{padding:0 10px 10px}.preview-header{flex-direction:column;align-items:flex-start;gap:12px}.preview-controls{justify-content:space-between;width:100%}.preview-frame-wrap{height:680px}.composer small{display:none}}.login-shell{place-items:center;padding:24px;display:grid}.login-card{background:#171e2cd1;border:1px solid #263041;border-radius:18px;gap:14px;width:min(430px,100%);padding:38px;display:grid}.login-card .app-logo{margin-bottom:10px}.login-card h1{letter-spacing:-.02em;color:#fff;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:1.55rem}.login-card p{color:#9aa5b8;margin:0;line-height:1.55}.login-card form{gap:12px;margin-top:8px;display:grid}.login-card input{font:inherit;color:#e9edf5;background:#0d1119;border:1px solid #2c3850;border-radius:12px;padding:13px 15px}.login-card input:focus{outline-offset:1px;outline:2px solid #4f7cf7}