:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171717;--muted:#676b73;--line:#dfe3e8;--panel:#fff;--page:#f5f7fa;--accent:#0f766e;--accent-dark:#0b5f59;--accent-soft:#d9f4ef;--shadow:0 18px 50px #131f2e1f}*{box-sizing:border-box}html{min-width:320px}body{background:var(--page);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input,select{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#111827;flex-direction:column;gap:28px;padding:24px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brandMark{color:#06201d;background:#12b3a3;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#aab3c1;margin-top:2px}.navList{gap:8px;display:grid}.navItem{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.navItem.active,.navItem:hover{color:#fff;background:#ffffff1a}.usagePanel{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;margin-top:auto;padding:16px}.usageLabel{color:#aab3c1;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.usagePanel strong{margin:8px 0;font-size:1.6rem;display:block}.usagePanel p{color:#cbd5e1;margin:10px 0 0;font-size:.9rem;line-height:1.45}.meter{background:#ffffff29;border-radius:999px;height:8px;overflow:hidden}.meter span{background:#12b3a3;width:82%;height:100%;display:block}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:0;font-size:clamp(2rem,4vw,4.75rem);line-height:.96}h2{margin-bottom:4px;font-size:1rem}.topbarActions,.buttonRow,.controlRow,.tabs,.deviceToggle{align-items:center;gap:10px;display:flex}.builderGrid{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;display:grid}.promptPanel,.previewPanel,.codePanel,.accountPanel,.contentPanel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.promptPanel,.codePanel,.previewPanel,.accountPanel,.contentPanel{padding:18px}.accountPanel{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.accountPanel h2,.dataForm h3,.recordCard h3{margin:0 0 6px}.accountPanel p{color:var(--muted);margin-bottom:0;line-height:1.45}.authForm{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;width:min(520px,100%);display:grid}.authMode{background:#eef2f6;border-radius:8px;grid-column:1/-1;width:fit-content;padding:4px;display:inline-flex}.authMode button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.authMode button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #141e2d1a}.formNote{color:var(--muted);grid-column:1/-1;margin:0;font-size:.86rem;line-height:1.45}.contentPanel{margin-bottom:18px}.dataGrid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;display:grid}.dataForm{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-content:start;gap:12px;padding:14px;display:grid}.dataForm textarea{resize:vertical;min-height:86px}.recordList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recordCard{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-height:178px;padding:16px;display:flex}.recordCard span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900}.recordCard p{color:var(--muted);line-height:1.45}.recordActions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.recordActions button{border:1px solid var(--line);color:#202936;background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex}.emptyState{border:1px dashed var(--line);color:var(--muted);background:#f8fafc;border-radius:8px;margin:0;padding:18px}.panelHeading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panelHeading p{color:var(--muted);margin-bottom:0;font-size:.92rem;line-height:1.45}.panelHeading span{white-space:nowrap;color:var(--muted);font-size:.85rem;font-weight:700}.chatComposer textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:92px;max-height:180px;color:var(--ink);background:#fbfcfe;border-radius:8px;outline:none;padding:14px;line-height:1.55}.authForm input,.dataForm input,.dataForm textarea,.dataForm select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 12px}.authForm input,.dataForm input,.dataForm select{min-height:42px}.dataForm textarea{padding-top:12px;padding-bottom:12px;line-height:1.5}.chatComposer textarea:focus,.authForm input:focus,.dataForm input:focus,.dataForm textarea:focus,select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #0f766e38}.chatHistory{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex-direction:column;gap:12px;min-height:330px;max-height:430px;padding:14px;display:flex;overflow:auto}.chatMessage{grid-template-columns:42px minmax(0,1fr);align-items:flex-start;gap:10px;display:grid}.chatMessage p{border-radius:8px;margin:0;padding:12px 14px;font-size:.93rem;line-height:1.5}.chatMessage.assistant p{border:1px solid var(--line);color:#202936;background:#fff}.chatMessage.user p{background:var(--accent);color:#fff}.messageIcon{color:#202936;background:#e9eef4;border-radius:8px;justify-content:center;align-items:center;width:38px;min-height:32px;font-size:.72rem;font-weight:900;display:inline-flex}.chatMessage.user .messageIcon{color:#fff;background:#111827}.chatComposer{gap:10px;margin-top:12px;display:grid}.composerFooter{justify-content:space-between;align-items:center;gap:12px;display:flex}.composerFooter span{color:var(--muted);font-size:.82rem;font-weight:700}.quickActions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quickActions button{border:1px solid var(--line);color:#202936;background:#fff;border-radius:8px;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:800}.controlRow{margin:14px 0}label{color:var(--muted);flex:1;gap:6px;font-size:.82rem;font-weight:700;display:grid}select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.primaryAction,.secondaryAction,.iconButton{border:0;border-radius:8px;min-height:42px;font-weight:800}.primaryAction,.secondaryAction{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primaryAction{background:var(--accent);color:#fff;padding:0 16px}.primaryAction:hover{background:var(--accent-dark)}.secondaryAction{color:#202936;background:#e9eef4;padding:0 16px}.iconButton{color:#202936;background:#e9eef4;place-items:center;width:42px;display:grid}.wide{flex:1}.statusStrip{background:var(--accent-soft);color:#063f3a;border-radius:8px;align-items:center;gap:10px;min-height:42px;margin-top:14px;padding:0 12px;font-size:.9rem;font-weight:700;display:flex}.pulseDot{background:var(--accent);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #0f766e24}.compact{align-items:center}.deviceToggle,.tabs{background:#eef2f6;border-radius:8px;padding:4px}.deviceToggle button,.tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.deviceToggle button.active,.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #141e2d1a}iframe{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:618px;transition:width .18s}iframe.mobile{width:min(390px,100%);margin:0 auto;display:block}.codePanel{margin-top:18px}pre{color:#dce7f3;background:#101723;border-radius:8px;height:250px;margin:0;padding:16px;font-size:.84rem;line-height:1.55;overflow:auto}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1120px){.appShell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;gap:18px;display:grid}.navList{grid-template-columns:repeat(4,minmax(0,1fr))}.usagePanel{display:none}.builderGrid,.accountPanel,.dataGrid{grid-template-columns:1fr}.accountPanel{display:grid}}@media (max-width:720px){.workspace,.sidebar{padding:18px}.topbar,.panelHeading,.controlRow,.buttonRow,.authForm{flex-direction:column;align-items:stretch}.authForm,.recordList{grid-template-columns:1fr}.topbarActions{width:100%}.topbarActions .primaryAction{flex:1}.navList{grid-template-columns:1fr 1fr}.contentPanel .tabs{width:100%;overflow-x:auto}h1{font-size:2.4rem}iframe{height:540px}}