/* Existing local fonts only. No external resources or dependencies. */
:root{color-scheme:dark;--ebg:#101629;--epanel:#171f34;--einput:#10192c;--erule:#60708c;--ecopy:#eef3ff;--emuted:#bccae1;--ecyan:#69d0eb}
body{font-family:Arial,system-ui,sans-serif;background:var(--ebg);color:var(--ecopy)}body>header{background:#10182a;border-bottom:1px solid #435570}body>header span{color:var(--emuted)}body>nav,.demo-details,body>#status{background:#141e32;color:var(--emuted);border-color:#435570}.demo-details-body .storage-notice,.demo-details-body .preview-notice{color:var(--emuted)}
main{border-color:#435570;grid-template-columns:180px minmax(320px,410px) minmax(320px,1fr)}main>aside,main>.source,main>.preview{background:var(--epanel);color:var(--ecopy);border-color:#435570}main>.preview{background:#111a2d}.source{gap:14px}.preview iframe{border-radius:0;border:1px solid #60708c;box-shadow:none}
h1,h2,h3{font-family:inherit}.preview-heading h2,#filename{color:#e4f7fc}.file-path-detail,#edit-state,#status,.workspace-label,.project-filter span,.project-open span,.empty,.backup-note,.menu-note,.menu-row label span,.seo-note,.image-card span,.checkpoint-row small,.design-privacy{color:var(--emuted)}
button,select,.upload{border-radius:0;background:#24324b;color:var(--ecopy);border-color:#7486a1;font-family:inherit}button:hover:not(:disabled){background:#324561;border-color:#9bdfee}button:disabled{opacity:1;color:#93a3bd;background:#1b263b;border-color:#45546d;cursor:not-allowed}a{color:#9ce5f2}
input,select,textarea{color:var(--ecopy);background:var(--einput);border-color:#7486a1;border-radius:0}input::placeholder,textarea::placeholder{color:#b1c0d8;opacity:1}.content-field input,.content-field textarea,#file-search,.design-fields textarea,.seo-field input,.seo-field textarea,.chrome-field input,.chrome-field select,.project-filter input{border-radius:0;background:var(--einput);color:var(--ecopy);border-color:#7486a1}.content-field span{color:#c4d4e9}.page-section,.edit-actions,.edit-tabs{border-color:#53647e}#files button,#page-list button{background:transparent;color:var(--emuted)}#files button.active,#page-list .active{background:#253d51;color:#d7f8ff;border-left-color:var(--ecyan)}
.edit-tabs button{color:#c8d5e9;background:#162238;border-bottom:2px solid transparent;padding:12px 7px}.edit-tabs button[aria-selected=true],#ai-tab[aria-selected=true]{color:#b9eff9;background:#26374e;border-bottom-color:var(--ecyan)}
.source>#ai-editor{position:relative;border:1px solid var(--erule);border-radius:0;background:#1b2940;padding:20px;max-height:none!important;min-height:0;overflow:visible;flex:none}#ai-editor:before,#ai-editor:after{content:"";position:absolute;width:9px;height:9px;border-style:solid;border-color:#42bce8;pointer-events:none}#ai-editor:before{left:-1px;top:-1px;border-width:2px 0 0 2px}#ai-editor:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
#ai-editor textarea:not(:disabled){height:112px;min-height:112px;border-radius:0;background:#101c30;color:#eef3ff;border-color:#8192ad;font-family:inherit;flex:none}#ai-editor .future-ai-heading span{border-radius:0;background:#253b51;color:#d3f4fc;border-color:#6a9ab3}#ai-editor .launch-credit-balance{border-radius:0;background:#132e3e;border-color:#558398;color:#c9f5fb;font-size:12px;padding:9px 10px}#ai-editor .launch-credit-cost{font-size:11px;color:#c4d2e8;line-height:1.65}
.editor-ai-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 8px;width:100%}#ai-editor .editor-ai-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;max-width:100%;margin:0!important;padding:12px 14px;border-radius:0;white-space:normal;font-size:13px;line-height:1.5;align-self:stretch;flex-shrink:0}#ai-editor .editor-ai-actions #ai-suggest{background:#69d0eb;color:#0c2130;border-color:#93e3f4;font-weight:700}#ai-editor .editor-ai-actions #ai-suggest:hover:not(:disabled){background:#95e3f5}#ai-editor .editor-ai-actions .ai-design-launch{background:#1c2e45;color:#d4f6fc;border-color:#6db1c5;font-weight:600}#ai-editor .editor-ai-actions button:disabled{background:#26364a;color:#b4c5dd;border-color:#65778f}.pixel-editor-icon{width:16px;height:16px;display:block;flex:0 0 16px}
.ai-suggestion-card{border-radius:0;background:#16263b;border-color:#6c839f}.ai-card-actions{flex-wrap:wrap}.ai-card-actions button{border-radius:0!important}.draft-warning{background:#3a3020;color:#f0dab4;border:1px solid #897653;border-radius:0;padding:10px 12px;line-height:1.6}#apply:not(:disabled),#export:not(:disabled),#new-project{background:#69d0eb;color:#0c2130;border-color:#8ce1f2}nav #design-studio{background:#1a2b42;color:#c9f3fb;border:1px solid #6a9eae}nav #export,nav #design-studio,.workspace-dropdown summary,.dropdown-panel{border-radius:0}.dropdown-panel{background:#142138;border-color:#6a809e;box-shadow:0 14px 30px #0005}.dropdown-panel button,.dropdown-panel a,.dropdown-panel .upload{border-radius:0!important}.workspace-dropdown summary{background:#1b2d45;color:#e0effc}.demo-details summary{color:#c4d8ed}footer{background:#10182a;color:var(--emuted);border-top:1px solid #435570}footer p{color:var(--emuted)}
.project-card,.project-open{border-radius:0;background:#1c2940;color:var(--ecopy);border-color:#6b7b95}.project-open:hover{background:#273b52}.project-actions{border-color:#53647e}.project-actions button{color:#ccd9ef}dialog{background:#17243a;color:var(--ecopy);border:1px solid #6b839f;border-radius:0;max-height:90vh;overflow:auto}dialog::backdrop{background:#060d1bc9}dialog input,dialog textarea,dialog select{background:#101c30;color:var(--ecopy);border-color:#7a90aa}dialog p,dialog label,dialog small,.search-preview p,.search-preview small{color:#c3d2e9}.search-preview h3{color:#89d6ed}.backup-dialog .suggest-consent{background:#1b3446;color:#e0f1fa;border-color:#658b9f;border-radius:0}.suggest-consent small{color:#c5d9ed}:focus-visible,#ai-editor :focus-visible{outline:3px solid #80e0f0!important;outline-offset:3px}
@media(max-width:1050px){main{grid-template-columns:155px minmax(0,1fr)}main>.preview{grid-column:1/-1}}@media(max-width:560px){main{grid-template-columns:1fr}main>aside,main>.source,main>.preview{grid-column:1}body>header{gap:12px}body>nav{padding:12px}.source>#ai-editor{padding:17px}.edit-tabs button{font-size:12px}main>aside{max-height:260px!important;overflow:auto}}

body>nav[aria-label="Project commands"]{background:#141e32!important;border-color:#435570}nav #export:not(:disabled){background:#69d0eb!important;color:#0c2130!important;border-color:#8ce1f2!important}nav #design-studio{background:#1a2b42!important;color:#c9f3fb!important}#ai-editor .editor-ai-actions button{min-height:44px}

.stronger-model-preview{margin:16px 0;padding-top:14px;border-top:1px solid #60708c}.stronger-model-preview>span{display:block;color:#c4d2e8;font-size:12px;margin-bottom:8px}.stronger-model-preview button{width:100%;min-height:44px;font-size:13px}.stronger-model-preview p{color:#c4d2e8;font-size:12px;line-height:1.65;margin:8px 0 0}

.image-generation-panel{margin-top:20px;padding-top:16px;border-top:1px solid #60708c}.image-generation-panel h3{font-size:16px}.image-generation-panel label{display:block;margin-bottom:8px}.image-generation-panel p{font-size:12px;line-height:1.65;color:#c4d2e8}.image-generation-panel button{width:100%;min-height:44px}.image-generation-panel img{display:block;width:100%;height:auto;margin:12px 0}.image-generation-panel a{display:inline-block;padding:12px 0}

.seo-inline-check{padding:14px 0;border-block:1px solid #60708c;margin:8px 0 18px}.seo-inline-check button{min-height:44px;background:#69d0eb;color:#0c2130;font-weight:700;width:100%}.seo-inline-check p{font-size:12px;line-height:1.6}.seo-inline-results{padding-left:20px;font-size:13px;line-height:1.65}.seo-inline-results li{margin:8px 0}

/* Compact, consistent native dropdowns and preview controls. */
body>header select[aria-label="Switch project"],.preview-heading select{appearance:none;-webkit-appearance:none;height:40px;min-height:40px;padding:8px 36px 8px 12px;border:1px solid #627891;background-color:#17273d;color:#eaf5ff;font-size:13px;line-height:1.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%239bdfee' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px;cursor:pointer}
body>header select[aria-label="Switch project"]{width:230px;max-width:100%;min-width:0}.preview-heading{gap:8px 10px;align-items:center;margin-bottom:14px}.preview-heading h2{font-size:14px;margin-right:4px}.preview-heading #page{width:170px;max-width:100%;min-width:0}.preview-heading label{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin:0;padding:6px 9px;border:1px solid #435873;background:#152339;font-size:12px;line-height:1.3;white-space:nowrap;cursor:pointer}.preview-heading input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex:0 0 16px;accent-color:#69d0eb}.preview-heading label:focus-within{outline:2px solid #80e0f0;outline-offset:2px}select:hover{border-color:#9bdfee}.preview-heading select option,header select option{background:#17273d;color:#eaf5ff}
.workspace-dropdown summary{min-height:40px;padding:9px 12px;font-size:13px;gap:14px}.workspace-dropdown summary::after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid #9bdfee;border-bottom:1.5px solid #9bdfee;transform:rotate(45deg);margin:-4px 2px 0 0}.workspace-dropdown[open] summary::after{transform:rotate(225deg);margin-top:3px}.page-tools-dropdown{margin-bottom:14px}.dropdown-panel{padding:8px}.dropdown-panel button,.dropdown-panel a,.dropdown-panel .upload{min-height:40px!important;padding:10px 12px!important}
.file-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #435570;margin-bottom:4px}.file-heading #filename{display:flex;align-items:baseline;gap:5px 9px;flex-wrap:wrap;font-size:14px;margin:0;min-width:0}.file-heading #filename .file-path-detail{font-size:11px;margin:0;color:#b4c6dd}.file-heading #edit-state{font-size:11px;line-height:1.4;padding:4px 7px;background:#20334a;border:1px solid #435b77;white-space:nowrap;flex-shrink:0;color:#c4d8eb}
@media(max-width:560px){body>header select[aria-label="Switch project"]{width:100%}.preview-heading #page{flex:1;width:auto;min-width:140px}.preview-heading h2{width:100%;margin-bottom:2px}.preview-heading label{min-height:44px}.file-heading{align-items:flex-start}.file-heading #filename{flex-direction:column;gap:2px}.workspace-dropdown summary{min-height:44px}}

/* One border per text field; retain a distinct keyboard focus state. */
.content-field input,.content-field textarea,#ai-editor textarea,.seo-field input,.seo-field textarea,.design-fields textarea,.chrome-field input,.chrome-field select{border:1px solid #627891;box-shadow:none;outline:none;border-radius:0;transition:border-color .12s}
.content-field:focus-within{outline:none!important;box-shadow:none!important;border-color:transparent!important}
.content-field input:focus,.content-field textarea:focus,#ai-editor textarea:focus,.seo-field input:focus,.seo-field textarea:focus,.design-fields textarea:focus,.chrome-field input:focus,.chrome-field select:focus{border-color:#80e0f0!important;box-shadow:inset 0 0 0 1px #80e0f0!important;outline:none!important;outline-offset:0!important}
.content-field input:focus-visible,.content-field textarea:focus-visible,#ai-editor textarea:focus-visible,.seo-field input:focus-visible,.seo-field textarea:focus-visible{outline:none!important;outline-offset:0!important}
@media(prefers-reduced-motion:reduce){.content-field input,.content-field textarea{transition:none}}