@font-face{font-family:'Manrope';src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@media(max-width:350px){.editor-toolbar{height:auto!important;min-height:96px;display:grid!important;grid-template-columns:1fr auto;gap:4px!important;padding-block:5px!important}.editor-devices{grid-column:1/-1;grid-row:2;justify-self:center}.editor-toolbar .editor-tools .icon-button{width:40px!important;height:40px}.editor-workspace{height:calc(100dvh - 212px)!important}}
#local-projects-dialog{width:min(760px,calc(100% - 24px));border-radius:16px}.local-projects-body{padding:28px}.local-projects-body>p{font-size:15px;line-height:1.6;margin-bottom:20px;color:var(--muted)}#local-projects-list{display:grid;gap:16px;margin-top:24px}#local-projects-list article{padding:20px;background:var(--panel-high);border-radius:12px}#local-projects-list h3{font:500 22px/1.2 var(--display);overflow-wrap:anywhere}#local-projects-list p{font-size:13px;margin:9px 0 16px;color:var(--muted)}#local-projects-list article>div{display:flex;gap:12px;flex-wrap:wrap}#local-projects-list button{border:0;border-radius:7px;padding:12px;background:var(--panel);color:var(--ink);font:500 14px/1.2 var(--font)}#open-local-projects{margin:6px 12px;width:calc(100% - 24px)}
:root{--display:'Manrope','DM Sans',sans-serif;--bg:#f4f4f5;--panel:#fff;--panel-high:#e9ebee;--ink:#17181b;--muted:#585c65;--line:#cdd0d5;--accent:#dce0e7;--editor-header:#f4f4f5;--editor-field:#fff;--editor-field-border:#969eab;--editor-hover:#dfe3ea;--editor-accent-text:#455e82;--editor-focus:#465d83;--editor-stage:#dce0e6;--editor-selected:#242c39;--editor-selected-ink:#f4f4f5;--editor-error:#a32432;--editor-success:#306227}
:root[data-editor-theme=dark]{--bg:#101114;--panel:#1c1e23;--panel-high:#292c33;--ink:#f1f2f5;--muted:#b9bec8;--line:#454b57;--editor-header:#101114;--editor-field:#17191e;--editor-field-border:#777f8e;--editor-hover:#353b46;--editor-accent-text:#dce0e7;--editor-focus:#dce0e7;--editor-stage:#101218;--editor-selected:#dce0e7;--editor-selected-ink:#17191e;--editor-error:#ffb8b8}
.editor-header{height:76px;border:0;gap:15px;padding-inline:24px}.editor-brand strong{font:600 21px/1.1 var(--display);letter-spacing:-.035em}.editor-brand{gap:12px}.editor-brand svg{width:18px}
.editor-header .project-name input{border-radius:7px;padding:10px 12px;min-height:42px;background:var(--panel);font-size:14px}
.editor-header .primary,.ai-dialog .primary{background:#dce0e7;color:#17181b;border:0;border-radius:8px}.editor-header .primary:hover,.ai-dialog .primary:hover{background:#ffffff;color:#17181b}
.export-button{min-height:44px;font-size:14px;gap:10px;padding:12px 16px}.editor-toolbar{height:58px;padding:0 24px;border:0;background:var(--panel)}
.editor-tools .icon-button,.editor-devices .icon-button{border-radius:7px}.editor-devices{background:var(--panel-high);border-radius:9px;padding:3px}
.editor-ai-shortcut{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font:600 13px/1.2 var(--font);border:0;border-radius:7px;background:#dce0e7;color:#17181b;white-space:nowrap}.editor-ai-shortcut:hover{background:#ffffff}.editor-ai-shortcut svg{width:17px;height:17px}
.website-theme-bar{border:0;min-height:48px;padding:6px 24px}.website-theme-options{background:var(--panel);border-radius:8px;padding:3px}.website-theme-options button{border-radius:6px}
.editor-workspace{height:calc(100dvh - 182px);grid-template-columns:210px minmax(0,1fr) 280px;gap:0}.editor-sidebar{border-color:transparent}.blocks-list{padding:16px 12px;gap:8px}.block-button{border:0!important;border-radius:10px;padding:16px 8px;background:var(--panel-high)!important}.block-button:hover{background:var(--editor-hover)!important}.block-button span{font-size:13px}.block-button svg{width:21px;height:21px}
.editor-tabs{padding:0 16px;gap:24px}.editor-tabs button{font-size:14px}.sidebar-command{min-height:44px;border:0;border-radius:8px;padding:12px;font-size:13px}.sidebar-command.ai-entry{margin:15px 12px 5px;background:#dce0e7;color:#17181b}.sidebar-command.ai-entry:hover{background:#ffffff;color:#17181b}.sidebar-footer{border:0;padding:20px 16px}.sidebar-footer>span{font:600 18px/1.2 var(--display)}
.property-tabs{border:0;gap:12px;padding:0 16px}.property-tabs button{font-size:13px}.selection-summary{border:0;padding:18px 16px}.content-editor{padding:20px 16px;border:0}.content-editor input,.content-editor textarea{border-radius:7px;padding:11px;font-size:14px}.content-editor label{font-size:13px}
.templates-dialog,.ai-dialog,#images-dialog{border:0;border-radius:16px}.dialog-heading{padding:24px 28px;border:0;background:var(--panel-high)}.dialog-heading h2{font:500 26px/1.2 var(--display);letter-spacing:-.025em}.template-options{gap:20px;padding:28px}.template-options>button{border:0;border-radius:12px;overflow:hidden;background:var(--panel-high)}.template-options strong{font:500 21px/1.2 var(--display);padding-top:18px}.template-options span{font-size:14px;line-height:1.5}.template-options .blank-template{border-radius:9px}.template-notice{font-size:14px;padding-inline:28px;line-height:1.6}
.ai-dialog{width:min(1160px,calc(100% - 40px))}.ai-prompt-panel{padding:28px;border:0;background:var(--panel)}.ai-result-panel{padding:28px;background:var(--panel-high)}#ai-prompt{border-radius:8px;font-size:15px;padding:14px;line-height:1.55}#ai-preview{border:0;border-radius:10px}.ai-form-actions .button{min-height:48px}.ai-note{font-size:13px;line-height:1.6}.ai-consent{font-size:14px;line-height:1.5}.ai-result-heading h3{font:500 20px/1.2 var(--display)}
.image-library button{border:0;border-radius:10px}.image-library span{font-size:14px}.image-upload .button{border-radius:8px}
@media(max-width:1180px){.editor-workspace{grid-template-columns:180px minmax(0,1fr) 240px}.editor-header{padding-inline:18px;gap:10px}.editor-brand strong{font-size:19px}.save-status{max-width:120px;font-size:12px}.editor-header .project-name{max-width:200px}}
@media(max-width:850px){.editor-header{height:68px;padding-inline:12px;gap:7px}.editor-brand strong{font-size:19px}.editor-header .project-name{max-width:none}.editor-workspace{display:block;height:calc(100dvh - 174px)}.editor-toolbar{height:58px;padding-inline:12px}.editor-tools .icon-button,.editor-devices .icon-button{width:38px}.editor-sidebar{width:280px}.editor-tabs{gap:15px}.editor-ai-shortcut{min-height:38px;padding:10px}.editor-ai-shortcut span{display:none}.website-theme-bar{padding-inline:12px}.ai-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.ai-prompt-panel,.ai-result-panel{padding:22px}.template-options{padding:20px;gap:14px}.template-options strong{font-size:19px}.template-options span{font-size:13px}}
@media(max-width:430px){.editor-header{padding-inline:8px;gap:4px}.editor-brand strong{font-size:16px}.editor-brand svg{display:none}.editor-header .project-name{min-width:56px}.editor-header .project-name input{font-size:12px;padding:8px 5px}.editor-header select{width:38px}.editor-header .icon-button{width:30px}.editor-header .export-button{min-width:36px;width:36px;padding:9px}.editor-toolbar{padding-inline:6px;gap:0}.editor-tools,.editor-devices{gap:0}.editor-tools .icon-button,.editor-devices .icon-button{width:32px}.editor-devices{padding:2px}.editor-ai-shortcut{padding:8px}.dialog-heading{padding:22px}.dialog-heading h2{font-size:24px}.template-options{gap:12px;padding:16px}.template-options strong{font-size:17px}.template-options span{font-size:12px}.ai-prompt-panel,.ai-result-panel{padding:20px}}

.ai-processing-consent{padding:16px;background:var(--panel-high);border-radius:10px}.ai-processing-consent input{min-width:18px;min-height:18px}
.editor-app .button.primary{background:#dce0e7;color:#17181b}.editor-app .button.primary:hover{background:#ffffff;color:#17181b}

#ai-references{min-height:88px;border-radius:8px;font:400 14px/1.5 var(--font);padding:12px;resize:vertical;width:100%;background:var(--editor-field);color:var(--ink);border:1px solid var(--editor-field-border)}.ai-scope{margin:24px 0;padding:24px 0;border-block:1px solid var(--line)}.ai-scope h4{font:600 21px/1.2 var(--display);margin:0 0 12px}.ai-scope ul{padding-left:20px;font-size:14px;line-height:1.6;margin:14px 0}.ai-scope li{margin:5px 0;overflow-wrap:anywhere}.ai-scope .button{margin-top:14px}.ai-prompt-panel>label[for=ai-references]{margin-top:20px;display:block}
