.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.drawer{background:linear-gradient(180deg,#0b1221,#0f172a);border-right:1px solid var(--border);gap:28px;padding:24px 20px}.drawer,.drawer__content{display:flex;flex-direction:column}.drawer__content{flex:1 1;gap:16px}.brand{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:48px 1fr}.brand img{height:48px;width:48px}.brand__title{font-size:18px;font-weight:700}.brand__subtitle{color:var(--text-dim);font-size:12px}.drawer__nav{display:flex;flex-direction:column;gap:10px}.drawer__link{border:1px solid #0000;border-radius:10px;color:var(--text);display:block;padding:12px 14px;text-decoration:none;transition:border .1s ease,background .1s ease}.drawer__link:hover{border:1px solid var(--border)}.drawer__link--active{background:#22d3ee1a;border:1px solid #22d3ee99}.drawer__footer{color:var(--text-dim);font-size:12px;margin-top:auto}.drawer__account{grid-gap:10px;background:#22d3ee0d;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;margin-top:auto;padding:14px}.drawer__accountMeta{grid-gap:4px;display:grid;gap:4px}.drawer__user{font-size:14px;font-weight:700}.drawer__plan{color:var(--text-dim);font-size:12px}.drawer__actions{grid-gap:8px;display:grid;gap:8px}.drawer__profile{justify-content:center}.drawer__profile--active{background:#22d3ee1f;border-color:#22d3ee99}.main-content{background:var(--surface);padding:32px 28px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.panel+.panel{margin-top:20px}.section-title{align-items:center;display:flex;font-size:18px;gap:10px;margin:0 0 12px}.muted{color:var(--text-dim);margin:0}.grid{grid-gap:16px;display:grid;gap:16px}.grid--two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#22d3ee1a;border:1px solid #22d3ee66;border-radius:20px;color:var(--text);font-size:12px;padding:6px 12px}.button{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#0b1221;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px}.button.secondary{background:#0000;border:1px solid var(--border);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.badge{align-items:center;background:#22d3ee1a;border:1px solid #22d3ee66;border-radius:8px;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.card{background:#0b1221;border:1px solid var(--border);border-radius:10px;padding:16px}.card__title{font-weight:700;margin:0 0 8px}.card__meta{color:var(--text-dim);font-size:13px;margin-bottom:12px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:10px 0;text-align:left}.table th{color:var(--text-dim);font-weight:600}.input,.textarea{background:#0b1221;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;width:100%}.textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:12px}.form-row>*{flex:1 1}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#0b1221;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;padding:6px 10px}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{gap:10px}.list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.list li{background:#0b1221;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.section-header__title{margin:0}.list__item{grid-gap:8px;background:#0b1221;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;padding:12px}.list__item--active{background:#22d3ee1f;border-color:#22d3ee99}.code-block{background:#0b1221;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;min-height:200px;padding:12px;width:100%}.auth-shell{align-items:center;background:radial-gradient(circle at 10% 20%,#22d3ee14,#0000 25%),radial-gradient(circle at 90% 40%,#22d3ee14,#0000 20%),#0f172a;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{grid-gap:18px;background:#0b1221;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #0006;display:grid;gap:18px;padding:28px;width:min(480px,100%)}.auth-brand{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:52px 1fr}.auth-brand.centered{grid-template-columns:1fr;justify-items:center;text-align:center}.auth-actions{grid-gap:12px;display:grid;gap:12px}.auth-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.auth-toggle .button.secondary.active{background:#22d3ee1f;border-color:#22d3ee99}.auth-form{grid-gap:12px;display:grid;gap:12px}.auth-label{grid-gap:6px;display:grid;font-size:14px;gap:6px}.canvas-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(340px,1fr) 1.4fr;margin-top:12px}.canvas-layout__chat,.canvas-layout__preview{grid-gap:12px;background:#0b1221;border:1px solid var(--border);border-radius:12px;display:grid;gap:12px;padding:16px}.canvas-layout__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.canvas-layout__conversation{grid-gap:10px;display:grid;gap:10px}.canvas-layout__revisions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.revision-chip{background:#ffffff0a;border:1px solid var(--border);border-radius:999px;color:#e5e7eb;cursor:pointer;padding:6px 12px;transition:all .15s ease}.revision-chip:hover{background:#22d3ee1f;border-color:#22d3ee99}.revision-chip.active{background:#8b5cf629;border-color:#8b5cf699;color:#fff}.chat-message{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.chat-message--user{background:#22d3ee1f;border-color:#22d3ee99}.chat-message--assistant{background:#8b5cf61f;border-color:#8b5cf666}.canvas-layout__input{grid-gap:8px;display:grid;gap:8px}.canvas-layout__previewFrame{background:linear-gradient(180deg,#22d3ee0d,#0f172ae6);border:1px dashed var(--border);border-radius:12px;min-height:520px;padding:12px}.preview-browser{background:#0f172a;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-browser__bar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 12px}.preview-browser__dot{background:#4b5563;border-radius:50%;height:10px;width:10px}.preview-browser__body{grid-gap:16px;display:grid;gap:16px;padding:16px}.canvas-layout__iframe{background:#0f172a;border:none;border-radius:10px;height:100%;min-height:520px;width:100%}.preview-hero{align-items:center;background:#22d3ee0a;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:14px}.preview-hero__title{margin:6px 0}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:900px){.canvas-layout{grid-template-columns:1fr}.preview-hero{align-items:flex-start;flex-direction:column}}.auth-error{background:#ef44441a;border:1px solid #ef444480;border-radius:10px;color:#fca5a5;font-size:14px;padding:10px 12px}.auth-divider{align-items:center;color:var(--text-dim);display:flex;font-size:14px;gap:12px}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.full-width{justify-content:center;width:100%}.splash{background:#0f172a;color:var(--text);display:grid;font-weight:600;min-height:100vh;place-items:center}:root{--surface:#0f172a;--panel:#111827;--border:#1f2937;--accent:#22d3ee;--accent-strong:#0ea5e9;--text:#e5e7eb;--text-dim:#9ca3af;--danger:#ef4444}*{box-sizing:border-box}body{background:#0f172a;background:var(--surface);color:#e5e7eb;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a{color:#22d3ee;color:var(--accent)}button{font-family:inherit}
/*# sourceMappingURL=main.96151f0d.css.map*/