:root{color-scheme:dark;--base:#101629;--panel:#171d35;--raised:#202844;--border:#343b59;--text:#f0eef9;--muted:#a7b0c9;--cyan:#57d4e5;--purple:#a790ef}
body{background:var(--base);color:var(--text);font-family:"Plus Jakarta Sans",Arial,sans-serif;letter-spacing:0}
.top{height:88px;background:#101629;border-color:var(--border)}
.brand{gap:12px;min-width:0}.brand-star{width:43px;height:43px;object-fit:contain;flex-shrink:0}.brand-wordmark{font-size:25px;font-weight:800;line-height:1.15;color:#63b6f4;white-space:nowrap}.brand-wordmark>span{color:#68d8e0;font-size:20px}.brand-wordmark small{display:block;margin-top:6px;font-size:9px;font-weight:700;color:#f2f1fa;letter-spacing:0}.studio{font-size:14px;color:#c4cbe0;border-left:1px solid #434966;padding-left:24px;margin-left:12px;white-space:nowrap}.badge{color:var(--purple);letter-spacing:0;font-size:11px}.workspace{height:calc(100dvh - 88px)}
button{background:#1b223b;color:#e2e8fa;border-color:#3c4764}button:hover{background:#283352;border-color:#6b7ca8}button:focus-visible,a:focus-visible{outline-color:var(--cyan)}
.projects{background:#11172a;border-color:var(--border)}.editor{background:var(--panel);border-color:var(--border)}.section-label{color:#a69cdb;letter-spacing:0}.project.active{background:#222e4e;border-color:#4f6ba0;color:#85dfe8}.project small,.local-note,#save-status{color:var(--muted)}.local-note span{color:#8e9ab8}.tabs{border-color:var(--border)}.tabs button{color:#b1bbd3}.tabs button.active{color:var(--cyan);border-color:var(--cyan)}.message .who{color:var(--cyan);letter-spacing:0}.message.user{background:#252c48}.demo-label{color:#c4b1ee}.composer{background:#10162a;border-color:#626095;box-shadow:0 0 0 3px #8d78d00a}.composer-bottom{color:#a3afca}.primary{background:linear-gradient(105deg,#755bd0,#32699e);border-color:#9786df;color:white}.primary:hover{background:#6253ae}.form-field label{color:#d2d9ec}input,textarea,select{background:#10182d;border-color:#3a4866;color:#edf1fc}input::placeholder,textarea::placeholder{color:#8c9ab7}.hint,.muted{color:var(--muted)}
.preview-area{background:#0c1120}.preview-toolbar{background:#151b2d;border-color:var(--border)}.devices{background:#0e1425}.devices button.active{background:#2c3858;color:var(--cyan)}.browser-frame{border-color:#35415e;box-shadow:0 12px 32px #0003}.browser-bar{background:#192038;border-color:#35415e;color:#b1bdd9}.traffic{color:#647397}.preview-footer{color:#b0bbd2}.check{border-color:var(--border)}.check .pass{color:#73d9c3}.check .fail{color:#ecc07b}.search-result{background:#10172a;border-color:#35425e}.search-result strong{color:#83b7ff}.search-result p{color:#bec7dc}.image-empty{background:#1c2844;border-color:#526692}.service-row{border-color:#35415d}.service-row span{color:#bdc7dc}dialog{background:#171e34;color:var(--text);border-color:#596184}dialog::backdrop{background:#050914bd}#toast{background:#263c60;border:1px solid #728cca}.danger{color:#ffaca4}summary{color:#b5a6ea}details p{color:#acb8d1}
@media(max-width:1100px){.studio{display:none}.top{padding:0 20px}.brand-wordmark{font-size:23px}}
@media(max-width:800px){.workspace{height:auto}.top{height:auto;min-height:90px;flex-wrap:wrap;padding:14px 16px;gap:12px}.brand-wordmark{font-size:21px}.brand-wordmark>span{font-size:17px}.brand-wordmark small{font-size:8px}.brand-star{width:36px;height:36px}.top-actions{margin-left:auto}.projects,.editor{border-color:var(--border)}}