/* Main-page editing workspace. Template content remains inside its own iframe. */
:is(body[data-route=builder],body[data-route=website-templates]){--workspace-line:#e1e5e9;--workspace-ink:#243047;--workspace-muted:#697586;background:#f3f5f7;color:var(--workspace-ink)}
:is(body[data-route=builder],body[data-route=website-templates]) .app-sidebar,:is(body[data-route=builder],body[data-route=website-templates]) .foot{display:none}
:is(body[data-route=builder],body[data-route=website-templates]) #main{margin-left:0;max-width:none;padding:0}
:is(body[data-route=builder],body[data-route=website-templates]) .top{min-height:58px!important;height:auto!important;padding:10px 24px!important;gap:20px;border-bottom:1px solid var(--workspace-line);box-shadow:none;background:#fff}
:is(body[data-route=builder],body[data-route=website-templates]) .platform-nav{gap:18px;font-size:12px;min-width:0;overflow-x:auto}
:is(body[data-route=builder],body[data-route=website-templates]) .top .brand img{width:37px;height:28px}
:is(body[data-route=builder],body[data-route=website-templates]) .top .brand{font-size:17px;gap:5px}
body[data-route=builder] .builder-top{padding:16px 24px!important;background:white;align-items:center;gap:18px}
body[data-route=builder] .builder-top h1{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:3px 0}
body[data-route=builder] .builder-top .eyebrow{font-size:9px;letter-spacing:.12em;color:#738095}
body[data-route=builder] .builder-top p{font-size:11px;margin:4px 0 0;color:var(--workspace-muted)}
body[data-route=builder] .builder-top .actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
body[data-route=builder] .builder-top :is(button,select){border-radius:6px!important;padding:8px 10px!important;min-height:34px!important;font-size:12px!important;border-color:var(--workspace-line)}
body[data-route=builder] .share-strip{margin:0!important;border:0;border-bottom:1px solid var(--workspace-line);border-radius:0;padding:8px 24px!important;background:#fafbfd;font-size:11px;min-height:0}
body[data-route=builder] .share-strip>div{display:flex;gap:12px;align-items:center}.share-strip small{margin:0}
.editor-tool-shell{grid-template-columns:106px minmax(0,1fr);gap:0;min-height:calc(100vh - 190px)}
.editor-tool-rail{gap:4px;padding:12px 8px;background:#fff;border-right:1px solid var(--workspace-line);height:100%;position:static}
.editor-tool-rail button{padding:11px 7px;border:0;border-radius:7px;background:transparent;color:#596579;font-size:12px;font-weight:500;text-align:left}
.editor-tool-rail button:hover{background:#f0f3f8;color:#243047}.editor-tool-rail button[aria-pressed=true]{background:#e9effb;color:#244d9d;font-weight:700;box-shadow:inset 3px 0 #4773cb}
.editor-template-back{display:flex;gap:6px;align-items:center;padding:11px 6px 15px;margin-bottom:5px;border-bottom:1px solid var(--workspace-line);font-size:11px;line-height:1.5;color:#344b73;text-decoration:none;word-break:keep-all}
.editor-template-back span{font-size:17px}
.editor-tool-shell>.inline-template-host{padding:16px;min-width:0}
.editor-tool-shell .inline-template-host :is(.f-studio-layout,.menu-picker-layout,.section-browser){grid-template-columns:210px minmax(260px,1fr) 260px;gap:16px}
.editor-tool-shell .inline-template-host :is(.f-type-panel,.f-settings-panel,.inline-menu-settings,.inline-section-settings,.section-design-list){background:white;border:1px solid var(--workspace-line);border-radius:10px;padding:14px;min-width:0}
.editor-tool-shell .inline-template-host :is(.f-type-panel,.f-settings-panel){max-height:calc(100vh - 285px)}
.editor-tool-shell .inline-template-host :is(.f-toolbar h2,.dialog-bar h2){font-size:17px;letter-spacing:-.3px}
.editor-tool-shell .inline-template-host :is(.f-toolbar,.dialog-bar){margin:0 0 14px;padding:0;gap:12px}
.editor-tool-shell .inline-template-host .f-toolbar p{font-size:11px;color:var(--workspace-muted);margin:4px 0}
.editor-tool-shell .inline-template-host :is(.f-caption,small,label){font-size:11px}
.editor-tool-shell .inline-template-host :is(input,select,textarea){border-color:#dce1e8;border-radius:6px;min-height:34px}
.editor-tool-shell .inline-template-host :is(.f-card,.f-pattern,#menu-choices button,#section-designs button){border-color:var(--workspace-line);border-radius:8px;box-shadow:none}
.editor-tool-shell .inline-template-host :is(.f-card,.f-pattern)[aria-pressed=true]{outline:2px solid #4773cb;outline-offset:1px}
.editor-tool-shell .inline-template-host .f-card-caption{padding:9px 10px;font-size:11px}.editor-tool-shell .inline-template-host .f-card-caption small{font-size:10px}
.editor-tool-shell .inline-template-host .f-card-preview{height:94px}
.editor-tool-shell .inline-template-host :is(.f-center-preview,.inline-menu-center,.section-design-preview){background:#edf0f4;border:1px solid #dfe4eb;border-radius:10px;padding:12px;min-width:0}
.editor-tool-shell .inline-template-host :is(.f-preview-wrap,.section-preview-stage,.inline-preview-stage){background:white;border:1px solid #dce1e8;border-radius:5px;box-shadow:0 5px 18px #2330490b}
.editor-tool-shell .inline-template-host :is(.f-actions,.inline-menu-center>.actions,.section-design-preview>.actions){gap:5px}
.editor-tool-shell .inline-template-host button{font-size:12px}
.editor-tool-shell .inline-template-host .f-pattern-sample{min-height:65px;gap:6px;padding:10px}.editor-tool-shell .inline-template-host .f-pattern-title{font-size:10px;padding:7px}.editor-tool-shell .inline-template-host .f-pattern-button{font-size:9px}
.editor-tool-shell>.editor{grid-template-columns:220px minmax(260px,1fr) 270px;gap:0}
:is(.editor-tool-rail,.inline-template-host) :is(button,a,input,select):focus-visible{outline:2px solid #4773cb;outline-offset:3px}
.website-template-page{max-width:1680px;margin:auto;padding:36px 32px}
.website-template-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px}
.website-template-heading small{font-size:11px;letter-spacing:.08em;color:#6d7a90}.website-template-heading h1{font-size:32px;letter-spacing:-1px;margin:10px 0 12px;color:#21304a}.website-template-heading p{color:#6b7789;font-size:14px;margin:0;line-height:1.8}
.template-journey{display:flex;gap:16px;align-items:center;font-size:12px;color:#8791a0;white-space:nowrap}.template-journey>b{color:#355daa}.template-journey :is(b,span):has(>span,>i){display:flex;align-items:center;gap:8px}.template-journey :is(b>span,i){font-style:normal;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d9e1ee;border-radius:50%;background:white}
.template-return{display:inline-flex;padding:9px 0 18px;text-decoration:none;font-size:12px;color:#49638d}
.standalone-templates>.dialog-bar{display:none}
.standalone-templates .inline-website-browser{grid-template-columns:250px minmax(300px,1fr) 270px;gap:22px}
.standalone-templates :is(.inline-website-choices,.inline-website-details){padding:20px;background:#fff;border:1px solid var(--workspace-line);border-radius:12px;max-height:calc(100vh - 260px);overflow:auto}
.standalone-templates .inline-website-center{padding:16px;border:1px solid var(--workspace-line);border-radius:12px;background:#e9edf3}
.standalone-templates .inline-preview-stage{background:white;box-shadow:0 6px 24px #29374c14;border-radius:6px;overflow:hidden}
.standalone-templates #inline-website-list{max-height:calc(100vh - 510px)}
.standalone-templates #inline-website-list button{border:1px solid transparent;border-bottom-color:#e7ebf0;padding:14px 10px;border-radius:6px;font-size:12px}
.standalone-templates #inline-website-list button[aria-pressed=true]{outline:0;background:#edf3ff;border-color:#afc3e9;color:#2f5494}
.standalone-templates .inline-website-details h3{font-size:19px;line-height:1.5;margin:0 0 24px;color:#243654}.standalone-templates h4{font-size:11px;letter-spacing:.04em;color:#728096;margin:22px 0 7px}.standalone-templates .inline-website-details p{font-size:12px;color:#5d6c80}.standalone-templates .inline-website-details ol{padding-left:19px;font-size:12px;line-height:2}
.standalone-templates #inline-website-create{width:100%;padding:13px 10px;border-radius:7px;background:#263d63;color:white;font-size:13px;margin-top:18px}
@media(min-width:1500px){.editor-tool-shell .inline-template-host :is(.f-studio-layout,.menu-picker-layout,.section-browser){grid-template-columns:240px minmax(400px,1fr) 290px}}
@media(max-width:1100px){.standalone-templates .inline-website-browser{grid-template-columns:200px minmax(260px,1fr) 230px;gap:12px}.website-template-page{padding:24px 20px}.editor-tool-shell .inline-template-host :is(.f-studio-layout,.menu-picker-layout,.section-browser){grid-template-columns:180px minmax(220px,1fr) 220px;gap:10px}.template-journey{display:none}}
@media(max-width:900px){.editor-tool-shell{display:block}.editor-tool-rail{display:flex;flex-direction:row;overflow:auto;height:auto;border-bottom:1px solid var(--workspace-line)}.editor-template-back{margin:0;padding:10px;min-width:120px;border:0;border-right:1px solid var(--workspace-line)}.editor-tool-rail button{white-space:nowrap;text-align:center}.editor-tool-shell .inline-template-host :is(.f-studio-layout,.menu-picker-layout,.section-browser),.standalone-templates .inline-website-browser{grid-template-columns:190px minmax(0,1fr)}.standalone-templates .inline-website-details{grid-column:2;max-height:none}.editor-tool-shell .inline-template-host .f-settings-panel{max-height:none}.website-template-heading h1{font-size:25px}}
@media(max-width:650px){.standalone-templates .inline-website-browser{display:flex;flex-direction:column}.standalone-templates .inline-website-browser>*{width:100%}.standalone-templates .inline-website-choices{max-height:330px}.standalone-templates #inline-website-list{max-height:160px}.editor-tool-shell .inline-template-host :is(.f-studio-layout,.menu-picker-layout,.section-browser){display:flex;flex-direction:column}.website-template-page{padding:24px 14px}.website-template-heading p{font-size:12px}.standalone-templates .inline-website-details{max-height:none}}

.editor-structure-guide{list-style:none;padding:12px!important;margin:12px 0 20px!important;background:#f0f4fb;border-radius:7px;color:#456088;font-size:11px;line-height:1.9}.editor-tool-shell .structure h2{font-size:16px}.editor-tool-shell .structure .section-list>h3{font-size:12px;margin:20px 0 10px}.editor-tool-shell .structure .section-row{border-radius:7px}.editor-tool-shell .structure .section-row.selected{background:#eef3fd;border-color:#b6c9eb}

@media(min-width:901px){body[data-route=builder] .editor-tool-shell>.editor{grid-template-columns:220px minmax(250px,1fr) 250px!important}body[data-route=builder] .editor-tool-shell>.editor>.settings{grid-column:3!important;grid-row:1!important;position:static!important;height:calc(100vh - 192px)!important;overflow:auto}body[data-route=builder] .editor-tool-shell>.editor>.structure{height:calc(100vh - 192px)!important;overflow:auto}body[data-route=builder] .editor-tool-shell .canvas{padding:14px!important}body[data-route=builder] .editor-tool-shell .preview-toolbar{font-size:11px;gap:6px}body[data-route=builder] .editor-tool-shell .canvas-language select{max-width:100px}body[data-route=builder] .editor-tool-shell .settings h2{font-size:16px;line-height:1.5}.editor-canvas-stage{background:white;box-shadow:0 3px 16px #24304712;border-radius:4px}body[data-route=builder] .editor-canvas-stage iframe{min-height:0!important;height:100%;max-width:none!important}}

.website-purpose-tabs{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dce1e8;margin:22px 0 30px;overflow:auto;padding-bottom:0}.website-purpose-tabs button{display:grid;justify-items:center;gap:12px;white-space:nowrap;font-size:12px;color:#748092;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:4px 8px 18px;min-width:90px}.website-purpose-tabs button[aria-pressed=true]{color:#21304a;border-bottom-color:#21304a;font-weight:700}.purpose-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8ecf2;color:#66758b}.purpose-symbol svg{width:25px;height:25px}.website-purpose-tabs button[aria-pressed=true] .purpose-symbol{background:#273c5c;color:white}
.website-catalog-controls{display:flex;gap:10px;align-items:center;border-block:1px solid #dce1e8;padding:14px 0;margin-bottom:26px;font-size:12px}.website-catalog-controls input{max-width:300px;flex:1;min-width:120px}.website-catalog-controls>span{margin-right:auto;color:#768297}.website-catalog-controls :is(button,input,select){font-size:12px;padding:10px;border:1px solid #dce1e8;border-radius:6px;background:#fff}.website-catalog-controls button[aria-pressed=true]{color:#355daa;background:#eaf0fb;border-color:#a9bdde}
.website-catalog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.website-complete-card{min-width:0;border:1px solid #dce1e8;border-radius:12px;overflow:hidden;background:white;display:flex;flex-direction:column}.website-complete-visual{display:block;padding:12px 12px 0!important;border:0!important;background:#fff!important;width:100%;text-align:left}.website-complete-card .template-screen{height:260px;border:1px solid #e6e9ef;border-radius:5px;overflow:hidden;position:relative;pointer-events:none}.website-complete-card .template-poster{width:100%;height:100%;object-fit:cover;object-position:top}.website-complete-card .template-card-frame{position:absolute;left:0;top:0;width:1280px;height:1100px;transform-origin:top left;border:0;max-width:none}.website-complete-info{padding:20px;display:flex;flex:1;flex-direction:column}.website-complete-info>small{font-size:10px;color:#78869a}.website-complete-info>h2{font-size:18px;line-height:1.5;margin:7px 0 10px;letter-spacing:-.4px}.website-complete-info>p{font-size:12px;color:#68768a;line-height:1.7;min-height:42px}.website-complete-info .template-card-information{font-size:11px;line-height:1.7}.website-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.website-card-actions button{font-size:11px;padding:11px 5px;border:1px solid #dce1e8;border-radius:5px;background:white}.website-card-actions .primary{grid-column:1/-1;color:white;background:#273c5c;border-color:#273c5c}.website-catalog-pages{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px;font-size:12px}.website-catalog-pages button,.catalog-back-bar button{border:1px solid #dce1e8;background:white;border-radius:6px;padding:10px 16px;font-size:12px}.catalog-back-bar{margin:0 0 20px}.catalog-row-view{grid-template-columns:1fr}.catalog-row-view .website-complete-card{display:grid;grid-template-columns:320px 1fr}.catalog-row-view .website-complete-visual{padding:12px!important}.catalog-row-view .website-complete-info>p{min-height:0}.catalog-row-view .website-card-actions{max-width:400px}
.saved-site-card{display:grid!important;grid-template-columns:220px minmax(150px,1fr) minmax(220px,auto);gap:24px;align-items:center;padding:16px!important}.saved-site-preview{position:relative;width:220px;height:140px;overflow:hidden;border:1px solid #e1e5ec;border-radius:6px;pointer-events:none}.saved-site-preview iframe{width:1280px;min-width:1280px;height:820px;transform:scale(.172);transform-origin:top left;border:0}.saved-site-card .actions{flex-wrap:wrap}.section-color-panel{border-bottom:1px solid #e0e5ed;padding-bottom:18px;margin-bottom:20px}.section-color-panel h3{font-size:13px;margin:4px 0 12px}.section-color-panel p{font-size:10px;line-height:1.7;color:#748195}.section-color-panel select{display:block;width:100%;margin:7px 0 12px}.section-color-fields{display:grid;gap:9px}.section-color-fields label{display:flex;align-items:center;gap:6px;font-size:11px}.section-color-fields input[type=color]{margin-left:auto;width:35px!important;height:28px;padding:2px!important;min-height:0}.section-color-fields input[type=checkbox]{width:auto!important}.section-color-panel>button{width:100%;padding:10px!important;font-size:12px}
.site-start-page .page-head h1{font-size:36px}.site-start-page .page-head p{font-size:15px;line-height:1.8}.site-start-page .site-purpose-picker label{border-radius:12px;padding:24px;background:#fff;border:1px solid #e1e5e9}.site-start-page .site-purpose-picker label:has(input:checked){outline:2px solid #446ca9;background:#f2f6fd}.site-start-page .site-purpose-picker p{font-size:13px;line-height:1.8;color:#65738a}.site-start-next{padding:30px;border-radius:12px}.site-start-next>small{font-size:11px;color:#6c7a91}.site-start-next h2{font-size:24px}.site-start-next p{line-height:1.8;color:#65738a}.site-start-next .actions{margin:22px 0}
@media(min-width:1550px){.website-catalog-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-row-view{grid-template-columns:1fr}}
@media(max-width:1000px){.website-catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-row-view{grid-template-columns:1fr}.saved-site-card{grid-template-columns:180px 1fr}.saved-site-preview{width:180px}.saved-site-card .actions{grid-column:1/-1}.saved-site-preview iframe{transform:scale(.141)}}
@media(max-width:650px){.website-catalog-cards{grid-template-columns:1fr}.website-catalog-controls{flex-wrap:wrap}.website-catalog-controls input{max-width:none;flex-basis:70%}.catalog-row-view .website-complete-card{display:flex}.saved-site-card{display:flex!important;flex-direction:column;align-items:stretch}.saved-site-preview{width:100%;height:160px}.website-purpose-tabs{gap:4px}.website-purpose-tabs button{min-width:80px}.site-start-page .page-head h1{font-size:28px}}

#inline-website-pages button{background:transparent;border:0;border-radius:4px;color:#4d668b;padding:4px 8px;font-size:12px;text-align:left}#inline-website-pages button:hover,#inline-website-pages button[aria-current=page]{background:#eaf0fb;color:#254f9b}.website-complete-info .template-page-list span{line-height:1.8}

.commerce-inspector-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 22px}.commerce-inspector-tools button{background:#f5f7fb;border:1px solid #dde4ef;border-radius:6px;font-size:11px;padding:10px 6px;color:#355584}.commerce-inspector-tools button:hover{background:#eaf0fb}.editor-tool-shell .settings{scroll-behavior:smooth}

.image-slot-panel{padding:14px 0;border-bottom:1px solid #dfe5ec;margin-bottom:18px}.image-slot-panel h3{font-size:13px}.image-slot-thumbnail{width:100%;height:90px;object-fit:cover;border-radius:6px}.image-slot-panel label{display:block;font-size:11px;margin:12px 0}.image-slot-panel :is(select,input){display:block;width:100%;margin-top:5px}.image-slot-panel p{font-size:10px;color:#6d7a8d}.image-slot-panel button{font-size:11px;padding:10px;width:100%}.image-slot-upload input{font-size:10px}

.inspector-change-design{display:block;width:100%;padding:12px!important;border-radius:7px;background:#242426!important;color:#fff!important;font-weight:600;font-size:12px;margin:14px 0}.commerce-inspector-tools button:focus-visible{outline:2px solid #2c6ecb;outline-offset:2px}

#toggle-section-panel{display:none}
@media(min-width:901px) and (max-width:1250px){body[data-route=builder] .editor-tool-shell>.editor{grid-template-columns:minmax(0,1fr) 260px!important}body[data-route=builder] .editor-tool-shell>.editor>.canvas{grid-column:1!important;grid-row:1!important}body[data-route=builder] .editor-tool-shell>.editor>.settings{grid-column:2!important}body[data-route=builder] .editor-tool-shell>.editor>.structure{display:none;position:fixed!important;z-index:70;left:106px;top:160px;bottom:0;width:270px!important;height:calc(100vh - 160px)!important;box-shadow:8px 0 28px #1f304025;border-right:1px solid #dae1eb;background:white}body[data-route=builder] .editor-tool-shell>.editor.show-section-panel>.structure{display:block}#toggle-section-panel{display:block;font-size:11px}}

.inspector-pages{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5ed;padding:0 0 16px;margin:0 0 20px;gap:10px}.inspector-pages>b{font-size:12px}.inspector-pages button{font-size:11px;padding:8px;border:1px solid #d8e0ed;border-radius:5px;background:#f5f8fc;color:#345581}.page-picker-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-picker-title h2{font-size:18px}.page-picker-title button{padding:8px 15px;border:1px solid #dfe4eb;border-radius:6px;background:white}.page-template-workspace{display:grid;grid-template-columns:minmax(300px,1fr) 300px;gap:18px}.page-template-center{min-width:0;background:#e9edf3;padding:14px;border:1px solid #dfe5ed;border-radius:10px}.page-template-center>.actions{margin-bottom:12px;font-size:12px}.page-template-settings{background:white;border:1px solid #dfe5ed;border-radius:10px;padding:18px;max-height:calc(100vh - 280px);overflow:auto}.page-template-settings h3{font-size:14px;margin:0 0 20px}.page-template-settings label{display:block;font-size:12px;margin:12px 0}.page-template-settings input{display:block;width:100%;border:1px solid #dce3ed;border-radius:5px;padding:9px;margin-top:6px}.page-template-settings>button{width:100%;padding:10px;font-size:12px}.page-template-settings p{font-size:11px;line-height:1.7;color:#6f7c90}#page-template-choices{display:grid;gap:7px;margin:12px 0;max-height:270px;overflow:auto}#page-template-choices button{text-align:left;background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:10px;font-size:12px}#page-template-choices small{display:block;color:#768398;margin-top:4px;font-size:10px}#page-template-choices button[aria-pressed=true],#blank-page-choice[aria-pressed=true]{background:#edf3fd;border-color:#668ac6}#add-selected-page{background:#273d60;color:#fff;border:0;border-radius:6px}@media(max-width:800px){.page-template-workspace{display:flex;flex-direction:column}.page-template-settings{max-height:none}}

.editor-empty-state{max-width:1050px;margin:36px auto;padding:32px}.editor-empty-state .page-head h1{font-size:32px}.editor-empty-state .page-head p{color:#68778d}.editor-empty-state>.actions{display:flex;gap:18px;margin:24px 0}.editor-empty-state>.actions a{padding:12px;color:#3b5b88}.editor-empty-state .primary{padding:14px 22px;border-radius:7px;background:#273d60;color:white}.editor-resume-list{display:grid;gap:10px;margin:36px 0}.editor-resume-list article{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #e0e6ee;border-radius:9px;padding:20px}.editor-resume-list small{display:block;font-size:11px;color:#778399;margin-top:5px}.editor-resume-list button{border:1px solid #dce4ee;background:#f8faff;border-radius:6px;padding:10px 16px;font-size:12px}

.carousel-editor-panel{border-bottom:1px solid #dfe5ec;padding-bottom:20px;margin-bottom:20px}.carousel-editor-panel h3{font-size:14px}.carousel-editor-panel p{font-size:11px;line-height:1.7;color:#6f7d92}.carousel-editor-panel :is(select,textarea){display:block;width:100%;padding:8px;border:1px solid #dce3ed;border-radius:5px;margin-top:6px;font-size:12px}.carousel-editor-panel label{display:block;margin:12px 0;font-size:12px}.carousel-row-actions{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.carousel-row-actions button{padding:7px;font-size:11px}.carousel-editor-panel>button{width:100%;padding:11px}

.m31-color-controls{display:grid;gap:7px;flex:0 0 100%;grid-column:1/-1;min-width:0;margin:5px 0 10px}.m31-color-controls .m31-color-hex{font:12px ui-monospace,monospace!important;padding:7px!important;min-height:32px!important;max-width:115px;border:1px solid #d6dfeb;border-radius:5px}.m31-solid-palette{padding:7px!important;margin:0!important;border:1px solid #dfe5ed!important;border-radius:6px!important;background:#fff}.m31-solid-palette summary{font-size:11px;font-weight:500!important;cursor:pointer}.m31-solid-colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding-top:9px}.m31-solid-colors button{height:21px;min-height:21px;min-width:0;padding:0!important;border:1px solid #d5dbe4!important;border-radius:4px!important}.m31-solid-colors button[aria-pressed=true]{outline:2px solid #315f9f;outline-offset:1px}.section-color-fields label{flex-wrap:wrap}.global-color .m31-color-controls{grid-column:1/-1}

.menu-custom-colors{border-bottom:1px solid #dde4ee;margin-bottom:18px;padding-bottom:12px}.menu-custom-colors h3{font-size:13px}.menu-custom-colors>label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:12px;margin:12px 0}.menu-custom-colors input[type=color]{width:38px;height:30px;min-height:0;padding:2px}.f-custom-colors input[type=color]{display:block}.f-custom-colors .m31-solid-colors{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important}

/* One editor viewport: global header stays still; only the canvas and side panels scroll. */
@media(min-width:901px){
 body[data-route=builder]:has(.editor-tool-shell){height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body[data-route=builder]:has(.editor-tool-shell)>.top{position:relative;flex:0 0 auto}
 body[data-route=builder]:has(.editor-tool-shell)>#main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 body[data-route=builder] .builder-wrap{flex:1;min-height:0;display:flex;flex-direction:column}
 body[data-route=builder] :is(.builder-top,.share-strip){flex:0 0 auto}
 body[data-route=builder] .editor-tool-shell{flex:1;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
 body[data-route=builder] .editor-tool-shell>.editor{height:100%;min-height:0;overflow:hidden;align-items:stretch}
 body[data-route=builder] .editor-tool-shell>.editor>:is(.settings,.structure){height:100%!important;min-height:0;overscroll-behavior:contain}
 body[data-route=builder] .editor-tool-shell>.editor>.canvas{min-height:0;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain}
 body[data-route=builder] .preview-toolbar{flex:0 0 auto}
 body[data-route=builder] .editor-canvas-stage{flex:1;min-height:0;height:auto!important}
 body[data-route=builder] .inline-template-host{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
 body[data-route=builder] .editor-tool-rail{min-height:0;overflow:auto;overscroll-behavior:contain}
 body[data-route=builder]:has(.editor-tool-shell)>.foot{display:none}
}
.editor-save-bar{position:sticky;bottom:-20px;z-index:12;background:#fff;border-top:1px solid #dce3ec;margin:20px -16px -16px;padding:12px 16px;box-shadow:0 -5px 18px #2430470a}.editor-save-bar>div{display:flex;gap:8px}.editor-save-bar button{flex:1;min-height:38px;padding:9px;border:1px solid #ccd6e4;border-radius:6px;font-size:12px}.editor-save-bar [data-editor-save]{background:#243b62;color:#fff;border-color:#243b62}.editor-save-bar p{margin:0 0 8px;font-size:12px;color:#267251}.editor-save-bar p[data-dirty=true]{color:#a15a15}.editor-save-bar small{display:block;font-size:10px;line-height:1.6;color:#738096;margin-top:8px}.menu-page-hierarchy label{display:block;font-size:12px;margin:9px 0}.menu-page-hierarchy select{display:block;width:100%;margin-top:4px}.menu-source-sample{display:flex;align-items:center;gap:6px;font-size:11px;padding:8px 0}.menu-source-sample input{min-height:0!important}.selected-link-settings{padding:12px;border:1px solid #dae3f0;border-radius:6px;background:#f7faff}.selected-link-settings :is(select,input){width:100%}

/* Fit the complete desktop width whenever side panels or window dimensions change. */
.editor-canvas-stage,.editor-tool-shell>.editor>.canvas{min-width:0}.preview-toolbar{flex-wrap:wrap}.store-direct-actions{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.store-direct-actions a{padding:9px 12px;border:1px solid #d8e0ec;border-radius:6px;font-size:12px}.map-settings-panel{padding:14px 0;border-bottom:1px solid #dce3ec}.map-settings-panel label{display:block;margin:10px 0}.map-settings-panel input:not([type=checkbox]){display:block;width:100%;margin-top:5px}.map-settings-panel [role=status]{color:#b43b39;font-size:12px}
@media(min-width:901px){body[data-route=builder] .builder-top{padding-top:10px;padding-bottom:10px;gap:8px}body[data-route=builder] .builder-top h1{font-size:19px;margin:3px 0}body[data-route=builder] .builder-top p{margin:4px 0;font-size:11px}body[data-route=builder] .builder-top button{min-height:32px;padding:7px 10px;font-size:11px}body[data-route=builder] .share-strip{padding-top:7px;padding-bottom:7px}body[data-route=builder] .editor-tool-shell>.editor{grid-template-columns:190px minmax(0,1fr) 245px!important}body[data-route=builder] .editor-tool-shell .canvas{padding:8px!important}}

.section-miniature-stage{display:block;position:relative;height:112px;overflow:hidden;background:#f3f5f8;border-radius:7px;pointer-events:none}.section-miniature-stage iframe{position:absolute;inset:0;width:1280px;height:750px;border:0;transform-origin:top left;pointer-events:none}.inline-section-settings label:has(#section-configuration){display:grid;gap:10px;font-size:13px;line-height:1.5}.inline-section-settings #section-configuration{width:100%;min-width:0;padding:10px;border:1px solid #d9dfeb;border-radius:7px;background:white}.inline-section-settings #section-connections{color:#9b5d1a}