#brand-editor{padding:14px;max-width:1800px;margin:auto;font-size:13px}#brand-editor *{box-sizing:border-box}#brand-editor h2{font-size:18px;margin:0 0 6px}#brand-editor h3{font-size:15px;margin:0 0 14px}#brand-editor p{margin:6px 0 12px}.brand-command,.brand-preview-tools,.brand-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.brand-command{padding:14px;border:1px solid var(--adm-border);background:var(--adm-panel)}
#brand-editor :is(button,input,select){font:inherit;min-height:34px;border:1px solid var(--adm-border);border-radius:3px;padding:6px 9px;background:var(--adm-surface-2);color:var(--adm-text)}#brand-editor button{cursor:pointer}#brand-editor button:disabled{opacity:.5;cursor:default}#brand-editor button.primary{background:var(--adm-primary);color:white}#brand-editor :focus-visible{outline:2px solid var(--adm-primary);outline-offset:2px}
.brand-layout{display:grid;grid-template-columns:190px minmax(280px,1fr) minmax(320px,1fr);gap:14px;align-items:start}.brand-layout>nav,.brand-layout>section,.brand-layout>aside{min-width:0;border:1px solid var(--adm-border);background:var(--adm-panel);padding:14px}.brand-layout>nav{display:grid;gap:6px}.brand-layout>nav button{text-align:left}.brand-layout>nav button[aria-current]{border-left:3px solid var(--adm-primary);background:var(--adm-surface-2);font-weight:600}
.brand-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-input-grid label{display:grid;gap:6px}.brand-input-grid input,.brand-input-grid select{width:100%;min-width:0}.brand-wide{grid-column:1/-1}.brand-help{color:var(--adm-text-dim);font-size:12px}.brand-check{display:flex;align-items:center;gap:8px;margin:10px 0}.brand-check input{min-height:0!important;width:16px;height:16px}.brand-logo-preview{max-width:180px;max-height:65px;object-fit:contain;background:var(--adm-surface-2);margin:8px}.brand-preview-tools{justify-content:flex-start}.brand-preview-tools select{max-width:180px}#brand-preview-frame{width:100%;height:530px;border:1px solid var(--adm-border);margin-top:12px;background:var(--adm-bg)}#brand-preview-frame.mobile{max-width:390px;display:block;margin-inline:auto}.brand-warning{padding:10px;border-left:3px solid #f39c12;background:var(--adm-surface-2)}#brand-status{padding:8px;min-height:32px}#brand-status[data-error=true]{border-left:3px solid #dd4b39}.brand-inventory{overflow:auto;max-height:620px;margin-top:12px}.brand-inventory article{padding:12px 0;border-bottom:1px solid var(--adm-border)}.brand-inventory code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;font-size:11px;color:var(--adm-text-dim)}.brand-inventory .brand-check{align-items:start}.brand-inventory .brand-check span{overflow-wrap:anywhere}.brand-confirm{position:fixed;z-index:10000;inset:15vh max(16px,calc((100vw - 660px)/2)) auto;background:var(--adm-panel);color:var(--adm-text);border:2px solid var(--adm-primary);padding:24px;box-shadow:0 18px 70px #0006;max-height:75vh;overflow:auto}.brand-confirm[hidden]{display:none}.brand-history{list-style:none;padding:0}.brand-history li{padding:10px 0;border-bottom:1px solid var(--adm-border)}
@media(max-width:1100px){.brand-layout{grid-template-columns:170px 1fr}.brand-layout>aside{grid-column:2}}@media(max-width:700px){#brand-editor{padding:10px}.brand-layout{display:block}.brand-layout>nav{display:flex;overflow:auto;margin:10px 0}.brand-layout>nav button{flex-shrink:0}.brand-layout>section,.brand-layout>aside{margin-bottom:10px}.brand-input-grid{grid-template-columns:1fr}.brand-command{align-items:start}.brand-command .brand-actions{width:100%}.brand-confirm{inset:12vh 12px auto}.brand-preview-tools select{max-width:100%}}

.brand-profile-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.brand-profile-bar label{display:flex;align-items:center;gap:8px}#brand-profile{max-width:360px}#brand-destination{max-width:100%;width:100%;margin:6px 0}@media(max-width:700px){#brand-profile{max-width:240px}}

.brand-profile-bar{padding:12px 14px;background:var(--adm-panel);border:1px solid var(--adm-border);margin-bottom:0}.brand-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;color:var(--adm-text-dim);font-size:12px}.brand-recovery i{margin-right:6px}.brand-options{margin-left:auto;position:relative}.brand-options summary{cursor:pointer;padding:8px;list-style:none}.brand-options>div{position:absolute;right:0;top:100%;padding:8px;z-index:5;background:var(--adm-panel);border:1px solid var(--adm-border);box-shadow:0 5px 16px #0002;white-space:nowrap}.brand-options summary::-webkit-details-marker{display:none}.brand-layout>nav button{display:flex;align-items:center;gap:10px;min-height:42px}.brand-layout>nav i{color:var(--adm-primary);width:18px;text-align:center}.brand-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.brand-section-title>i{display:grid;place-items:center;width:38px;height:38px;background:var(--adm-surface-2);color:var(--adm-primary);border:1px solid var(--adm-border);font-size:18px}.brand-section-title h3{margin-bottom:4px!important}.brand-section-title p{margin:0!important}.brand-section-divider{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:24px 0 12px;padding-top:18px;border-top:1px solid var(--adm-border)}.brand-section-divider h3{margin:0!important}.brand-section-divider>span{font-size:11px;color:var(--adm-text-dim)}.brand-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-logo-card{min-width:0;border:1px solid var(--adm-border);border-radius:4px;overflow:hidden}.brand-logo-caption{display:flex;align-items:center;gap:8px;padding:10px;background:var(--adm-surface-2);border-bottom:1px solid var(--adm-border)}.brand-logo-caption>span{margin-left:auto;font-size:11px;color:var(--adm-text-dim)}.brand-logo-caption>i{color:var(--adm-primary)}.brand-dropzone{position:relative;display:flex;min-height:182px;margin:10px;padding:16px 10px;border:1px dashed #9aaab9;border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;cursor:pointer;transition:box-shadow .15s,border-color .15s}.brand-dropzone.on-light{background:#f9fafb;color:#263238}.brand-dropzone.on-dark{background:#202328;color:#f5f7fa}.brand-dropzone>span:last-child{font-size:12px;opacity:.8}.brand-dropzone:hover,.brand-dropzone:focus-within,.brand-dropzone.is-dragging{border-color:var(--adm-primary);box-shadow:inset 0 0 0 2px var(--adm-primary)}.brand-dropzone.is-dragging{border-style:solid}.brand-upload-symbol{font-size:28px;color:#3c8dbc;margin-bottom:5px}.on-dark .brand-upload-symbol{color:#5cb8ff}#brand-editor .brand-file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0}.brand-dropzone:has(input:disabled){opacity:.6;cursor:default}.brand-dropzone img{width:100%;height:68px;object-fit:contain;margin-bottom:6px}.brand-logo-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px 10px;min-height:38px}.brand-logo-error:empty{display:none}.brand-logo-error{color:var(--adm-text);border-left:3px solid #dd4b39;padding:6px 10px;margin:0 10px 10px!important;font-size:12px}.brand-import-row{display:flex;gap:10px;align-items:center;margin-top:20px;padding:12px;background:var(--adm-surface-2);border:1px solid var(--adm-border)}.brand-import-row>i{color:var(--adm-primary);font-size:19px}.brand-import-row>div{flex:1}.brand-import-row p{margin:4px 0 0!important}.brand-import-row button{font-size:12px!important}#brand-preview{position:sticky;top:14px}.brand-command .brand-actions{justify-content:flex-end}.brand-command button i{margin-right:5px}
#brand-editor{color:var(--adm-text)}#brand-editor button:not(.primary):not(#brand-save){background:var(--adm-surface-2)!important;color:var(--adm-text)!important}#brand-editor .brand-command button{background:var(--adm-primary)!important;color:var(--adm-primary-contrast,#fff)!important}#brand-editor .brand-command #brand-save{background:var(--adm-surface-2)!important;color:var(--adm-text)!important;border-color:var(--adm-border)}
.brand-font-picker{border:0;padding:0;margin:0;min-width:0}.brand-font-picker legend{font-size:13px;font-weight:600;padding:0}.brand-font-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding:3px}.brand-input-grid .brand-font-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--adm-border);border-radius:3px;cursor:pointer;background:var(--adm-surface-2);min-width:0}.brand-font-option:has(:checked){border-color:var(--adm-primary);box-shadow:inset 3px 0 var(--adm-primary)}.brand-font-option:focus-within{outline:2px solid var(--adm-primary);outline-offset:1px}#brand-editor .brand-font-option input{width:16px;height:16px;min-height:0;padding:0;flex-shrink:0;accent-color:var(--adm-primary)}.brand-font-option>span{min-width:0}.brand-font-name,.brand-font-sample{display:block;font-family:inherit!important}.brand-font-name{font-size:17px;overflow-wrap:anywhere}.brand-font-sample{font-size:12px;color:var(--adm-text-dim);margin-top:5px}.brand-font-option:has(:disabled){opacity:.6;cursor:default}@media(max-width:700px){.brand-font-list{grid-template-columns:1fr}}
@media(max-width:1350px){.brand-logo-grid{grid-template-columns:1fr}.brand-import-row{flex-wrap:wrap}.brand-section-divider{align-items:flex-start;flex-direction:column}}@media(max-width:1100px){#brand-preview{position:static}.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.brand-logo-grid{grid-template-columns:1fr}.brand-profile-bar label{flex-wrap:wrap;min-width:0;width:100%}#brand-profile{max-width:100%;width:100%}.brand-options{margin-left:0}.brand-options>div{left:0;right:auto;white-space:normal;width:240px}.brand-recovery{align-items:start}.brand-recovery>span{flex:1}.brand-recovery button{flex-shrink:0}.brand-section-title{margin-top:4px}}

.brand-preset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;max-height:510px;overflow:auto;padding:3px}.brand-preset-card{border:1px solid var(--adm-border);border-radius:4px;overflow:hidden;min-width:0}.brand-preset-pair{display:grid;grid-template-columns:1fr 1fr}.brand-preset-mini{background:var(--mini-bg);color:var(--mini-text);padding:9px;min-width:0}.brand-mini-header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.brand-mini-header b{color:var(--mini-accent)}.brand-mini-content{background:var(--mini-panel);padding:10px;border-radius:var(--mini-radius)}.brand-mini-content strong{font-family:inherit!important;font-size:21px}.brand-mini-content>span{display:block;height:4px;width:90%;background:var(--mini-text);opacity:.16;margin:6px 0}.brand-mini-content>span+span{width:65%}.brand-mini-content>i{display:block;background:var(--mini-accent);height:10px;width:40%;border-radius:var(--mini-radius);margin-top:10px}.brand-preset-info{padding:10px}.brand-preset-info>strong{font-size:14px}.brand-preset-info p{font-size:12px;color:var(--adm-text-dim);min-height:32px;margin:5px 0!important}.brand-preset-info button{width:100%}.brand-preset-preview{margin-top:12px;padding:12px;border-left:3px solid var(--adm-primary);background:var(--adm-surface-2)}.brand-preset-preview[hidden]{display:none}.brand-preset-preview p{font-size:12px;color:var(--adm-text-dim)}@media(max-width:700px){.brand-preset-gallery{grid-template-columns:1fr;max-height:480px}}

.brand-theme-current{padding:14px;border:1px solid var(--adm-border);background:var(--adm-surface-2)}
.brand-theme-current>label,.brand-theme-dialog label{display:grid;gap:8px;font-weight:600}
.brand-theme-current select{width:100%;min-width:0}.brand-theme-strip{display:flex;height:32px;border:1px solid var(--adm-border);margin:12px 0}.brand-theme-strip span{flex:1}
.brand-theme-current .brand-actions{justify-content:flex-start}.brand-theme-name{margin-top:18px}
#brand-editor .brand-colors input[type=color]{height:64px;padding:4px;cursor:pointer;background:var(--adm-panel)}
.brand-colors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.brand-colors input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}
.brand-theme-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:20px;border:1px solid var(--adm-border);border-radius:4px;background:var(--adm-panel);color:var(--adm-text);box-shadow:0 18px 70px #0006;overflow:auto}
.brand-theme-dialog::backdrop{background:#0008}.brand-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.brand-dialog-heading>button{flex-shrink:0}.brand-theme-dialog label{margin:14px 0}.brand-theme-dialog input,.brand-theme-dialog select{width:100%;min-width:0}.brand-theme-dialog .brand-actions{justify-content:flex-end}.brand-preset-dialog{width:min(900px,calc(100vw - 28px))}.brand-preset-dialog .brand-preset-gallery{max-height:none;margin-bottom:0}.brand-preset-dialog>h3{display:none}
@media(max-width:700px){.brand-theme-dialog{padding:14px}.brand-theme-current .brand-actions>button{width:100%}}

.brand-import-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brand-import-swatches>div{display:grid;gap:4px;min-width:0}.brand-import-swatches span{height:42px;border:1px solid var(--adm-border);border-radius:3px}.brand-import-swatches small{font-size:11px}.brand-import-swatches code{font-size:11px;color:var(--adm-text-dim)}@media(max-width:500px){.brand-import-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Section colors stay local to the editor navigation and adapt to its surface. */

.brand-preview-devices{display:flex;gap:5px;flex:0 0 auto}
#brand-editor .brand-preview-devices button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:34px;padding:6px;font-size:16px}
.brand-preview-viewport{position:relative;height:530px;overflow:hidden;margin-top:12px;background:var(--adm-bg);border:1px solid var(--adm-border)}
#brand-preview-viewport #brand-preview-frame{position:absolute;top:0;left:50%;max-width:none;margin:0;border:0;transform-origin:top center}
@layer sysimple-actions{
#brand-editor .brand-preview-devices button[aria-pressed="true"]{background:var(--adm-primary)!important;color:var(--action-on-fill,#fff)!important;border-color:var(--adm-primary)!important}
}

.brand-preview-dialog{width:min(1280px,calc(100vw - 28px));height:calc(100dvh - 40px);padding:14px}.brand-preview-dialog #brand-preview{position:static;display:flex;flex-direction:column;height:100%;min-width:0}.brand-preview-dialog #brand-preview-frame{flex:1;min-height:220px;height:auto}.brand-preview-dialog .brand-preview-tools{flex-shrink:0}.brand-preview-dialog #brand-preview-frame.mobile{width:100%;flex:1}.brand-preview-dialog #brand-preview>p{margin-bottom:0}
.brand-preview-dialog #brand-preview-viewport{flex:1;height:auto;min-height:220px;margin-top:12px}.brand-preview-dialog #brand-preview-frame{margin-top:0}

/* Compact, neutral working panels derived from the operational dashboard. */
.brand-colors label{display:grid!important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid var(--adm-border);padding:10px;background:var(--adm-panel);font-size:12px}
#brand-editor .brand-colors input[type=color]{grid-column:1;grid-row:1/3;width:42px;height:42px;margin:0;padding:2px}
.brand-colors label>.brand-help{grid-column:2;font-size:11px;margin:0}
.brand-colors .brand-wide{grid-column:1/-1;margin:8px 0 0}
.brand-preservation-note{border:1px solid var(--adm-border);border-left:3px solid var(--adm-primary);padding:14px;background:var(--adm-surface-2);margin:14px 0}.brand-preservation-note p{margin:6px 0 0;color:var(--adm-text-dim);line-height:1.5}
.brand-inventory{max-height:none;overflow:visible}.brand-inventory-summary{display:flex;gap:12px;justify-content:space-between;padding:12px;background:var(--adm-surface-2);border:1px solid var(--adm-border)}.brand-inventory-summary span{color:var(--adm-text-dim);font-size:12px}
.brand-inventory-table{overflow:auto;max-height:600px;border:1px solid var(--adm-border);border-top:0}.brand-inventory table{width:100%;border-collapse:collapse;font-size:12px}.brand-inventory th{position:sticky;top:0;background:var(--adm-surface-2);text-align:left;z-index:1}.brand-inventory th,.brand-inventory td{padding:12px;vertical-align:top;border-bottom:1px solid var(--adm-border)}.brand-inventory td:first-child{min-width:190px}.brand-inventory tr:nth-child(even){background:var(--adm-surface-2)}.brand-inventory details{margin-top:7px}.brand-inventory summary{cursor:pointer;color:var(--adm-text-dim)}.brand-inventory code{margin-top:8px}.brand-inventory td a{display:block;margin-top:8px;color:var(--adm-primary)}.brand-state{display:inline-block;border:1px solid var(--adm-border);padding:3px 7px;background:var(--adm-surface-2);white-space:nowrap}
.brand-publication-tools{margin-top:14px;text-align:right}.brand-wide{grid-column:1/-1}

@media(max-width:700px){.brand-inventory-summary{flex-direction:column;gap:4px}.brand-colors{grid-template-columns:1fr!important}}

#brand-editor .brand-font-option[hidden]{display:none!important}#brand-font-search{width:100%;margin:10px 0}.brand-font-picker .brand-help{line-height:1.5}.brand-colors>p.brand-wide{padding-bottom:4px}.brand-colors>h3.brand-wide{margin-bottom:0!important}

/* Compact workspace: one command bar, horizontal sections, two useful columns. */
#brand-editor{max-width:none;padding:10px 14px}
#brand-editor .brand-command{padding:8px 12px;gap:8px 16px}
#brand-editor .brand-profile-bar{padding:0;margin:0;border:0;background:transparent;gap:8px}
#brand-editor .brand-profile-bar label{font-weight:600}
#brand-editor .brand-feedback{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0}
#brand-editor #brand-status{margin:0;padding:4px 8px;min-height:26px;font-size:12px;flex:1}
#brand-editor .brand-feedback>button{flex-shrink:0}
#brand-editor .brand-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#brand-editor .brand-layout>nav{grid-column:1/-1;display:flex;gap:4px;padding:5px;flex-wrap:wrap;margin:0}
#brand-editor .brand-layout>nav button{min-height:34px;gap:7px;padding:6px 10px;white-space:nowrap}
#brand-editor .brand-layout>section,#brand-editor .brand-layout>aside{padding:12px;grid-column:auto}
#brand-editor .brand-input-grid{gap:10px}
#brand-fields[data-section=type]>.brand-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#brand-fields[data-section=type]>h3{margin-bottom:8px}
#brand-fields[data-section=type]>label{display:flex;align-items:center;gap:8px}
#brand-fields[data-section=type]>.brand-help{margin:5px 0 10px}
#brand-editor .brand-font-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:190px}
#brand-editor .brand-font-option{padding:7px;gap:7px;min-height:50px}
#brand-editor .brand-font-name{font-size:15px}
#brand-editor .brand-font-sample{font-size:11px;margin-top:3px}
#brand-editor .brand-font-picker .brand-help{margin:4px 0}
#brand-editor #brand-font-search{margin:5px 0 7px}
#brand-editor .brand-section-title{margin-bottom:10px}
#brand-editor .brand-theme-current{padding:10px}
#brand-editor .brand-theme-strip{height:22px;margin:8px 0}
#brand-editor .brand-section-divider{margin:14px 0 10px;padding-top:12px}
#brand-editor .brand-layout>#brand-preview{top:10px;display:flex;flex-direction:column;height:calc(100dvh - 254px);min-height:470px}
#brand-editor .brand-layout #brand-preview-viewport{flex:1;height:auto;min-height:300px;margin-top:6px}
#brand-editor .brand-preview-tools{gap:6px}
#brand-editor #brand-preview>.brand-help{margin:6px 0;font-size:11px}
#brand-editor .brand-publication-tools{margin-top:8px}
@media(min-width:1500px){#brand-editor .brand-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){#brand-editor .brand-font-list{grid-template-columns:repeat(2,minmax(0,1fr))}#brand-fields[data-section=type]>.brand-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#brand-editor .brand-layout{grid-template-columns:1fr}#brand-editor .brand-layout>#brand-preview{position:static;height:650px}#brand-editor .brand-command .brand-actions{justify-content:flex-start}#brand-editor .brand-layout>nav{flex-wrap:nowrap;overflow:auto}#brand-editor .brand-layout>nav button{flex-shrink:0}}
@media(max-width:700px){#brand-editor{padding:8px}#brand-editor .brand-command{padding:8px}#brand-editor .brand-profile-bar{width:100%}#brand-editor .brand-profile-bar label{flex-direction:row;flex-wrap:nowrap}#brand-editor .brand-profile-bar label select{flex:1;min-width:0;width:auto}#brand-editor .brand-layout>section,#brand-editor .brand-layout>aside{padding:10px;margin:0}#brand-editor .brand-command .brand-actions{width:auto}#brand-editor .brand-font-list{max-height:190px}#brand-editor .brand-font-option{padding:6px}#brand-editor .brand-font-name{font-size:14px}#brand-editor .brand-font-sample{font-size:10px}#brand-editor .brand-feedback{align-items:flex-start}#brand-fields[data-section=type]>.brand-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Starting models are selectable visual specimens, not a list of names. */
#brand-editor .brand-starter-dialog{width:min(1040px,calc(100vw - 28px));padding:16px;overflow:auto}
.brand-starter-settings{display:grid;grid-template-columns:2fr 1fr;gap:12px}.brand-starter-settings>label{margin:0 0 12px}
.brand-starter-picker{margin:0;padding:0;border:0;min-width:0}.brand-starter-picker legend{font-size:13px;font-weight:600;margin:0}.brand-starter-picker>.brand-help{margin:5px 0 8px!important}
#brand-starter-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height: min(530px,52dvh);overflow:auto;padding:3px;scrollbar-gutter:stable}
#brand-editor .brand-starter-card{display:flex;flex-direction:column;gap:0;margin:0;border:1px solid var(--adm-border);border-radius:3px;overflow:hidden;cursor:pointer;min-width:0;background:var(--adm-panel)}
#brand-editor .brand-starter-card:has(:checked){border-color:var(--adm-primary);box-shadow:0 0 0 2px var(--adm-primary)}
.brand-starter-card:focus-within{outline:2px solid var(--adm-text);outline-offset:2px}.brand-starter-card:hover{border-color:var(--adm-primary)}
.brand-starter-thumb{display:block;padding:9px;background:var(--starter-bg);color:var(--starter-text);font-size:11px;font-weight:400}
.brand-starter-thumb *{font-family:inherit!important}.brand-starter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px}.brand-starter-top>b{color:var(--starter-accent);font-size:16px}.brand-starter-top>span{color:var(--starter-muted)}
.brand-starter-box{display:grid;gap:6px;background:var(--starter-panel);border:1px solid var(--starter-border);border-radius:var(--starter-radius);padding:9px}.brand-starter-box>strong{font-size:12px}.brand-starter-line{display:block;border:1px solid var(--starter-border);border-radius:var(--starter-radius);padding:4px 6px;color:var(--starter-muted)}.brand-starter-columns{display:grid;grid-template-columns:1fr 1fr;gap:5px}.brand-starter-columns>span{padding:4px;background:var(--starter-surface);border:1px solid var(--starter-border);border-radius:var(--starter-radius)}.brand-starter-action{justify-self:start;display:inline-block;padding:4px 8px;background:var(--starter-accent);border-radius:var(--starter-radius)}
.brand-starter-caption{display:flex;gap:8px;align-items:center;padding:9px;border-top:1px solid var(--adm-border);flex:1}.brand-starter-caption>span{flex:1;min-width:0}.brand-starter-caption strong{display:block;font-size:13px}.brand-starter-caption small{display:block;font-size:11px;color:var(--adm-text-dim);margin-top:3px;font-weight:400}
#brand-editor .brand-starter-caption input{width:16px;height:16px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--adm-primary)}.brand-starter-caption>i{visibility:hidden;color:var(--adm-primary)}.brand-starter-card:has(:checked) .brand-starter-caption>i{visibility:visible}
#brand-new-theme-error:empty{display:none}#brand-new-theme-form>.brand-actions{padding-top:8px;border-top:1px solid var(--adm-border)}
@media(max-width:750px){#brand-starter-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-starter-settings{grid-template-columns:1fr 1fr}.brand-starter-top>span{display:none}}
@media(max-width:450px){#brand-editor .brand-starter-dialog{padding:12px}.brand-starter-settings{grid-template-columns:1fr;gap:0}#brand-starter-gallery{grid-template-columns:1fr;max-height:40dvh}}

.brand-availability{padding:8px 10px;margin-bottom:10px;border:1px solid var(--adm-border);background:var(--adm-surface-2);font-size:12px}.brand-availability p{margin:5px 0 0!important}

.brand-workflow{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 0}.brand-workflow[hidden]{display:none}.brand-work-state{font-size:12px;padding:5px 8px;border:1px solid var(--adm-border);background:var(--adm-panel)}.brand-work-state b{margin-right:5px}.brand-work-state[data-tone=pending]{border-left:3px solid #f39c12}.brand-work-state[data-tone=saved]{border-left:3px solid #00a65a}.brand-theme-status-details{margin:10px 0}.brand-theme-status-details>summary{cursor:pointer;font-weight:600;padding:5px 0}.brand-theme-status{max-height:220px;overflow:auto}.brand-theme-status table{width:100%;border-collapse:collapse;font-size:12px}.brand-theme-status th,.brand-theme-status td{text-align:left;padding:7px;border-bottom:1px solid var(--adm-border);vertical-align:middle}.brand-theme-status th{position:sticky;top:0;background:var(--adm-surface-2)}.brand-theme-status td small{display:block;color:var(--adm-text-dim);margin-top:3px}.brand-theme-status td:first-child{min-width:95px}.brand-theme-status td:last-child{min-width:80px}#brand-editor .brand-theme-status button{font-size:12px;padding:4px 7px}.brand-availability .brand-actions{justify-content:flex-start}

.brand-confirm-progress{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--adm-border);background:var(--adm-bg);color:var(--adm-text)}
.brand-confirm-progress[hidden]{display:none}.brand-busy-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid var(--adm-border);border-top-color:var(--adm-primary);border-radius:50%;animation:brand-busy-spin .8s linear infinite}@keyframes brand-busy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-busy-spinner{animation:none}}

.brand-catalog-tools{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.brand-catalog-tools label{margin:8px 0!important}.brand-starter-card[hidden],.brand-preset-card[hidden]{display:none!important}.brand-preset-dialog .brand-preset-gallery{max-height:55dvh;overflow:auto}.brand-catalog-tools+[data-catalog-count]{margin:2px 0 8px!important}@media(max-width:600px){.brand-catalog-tools{grid-template-columns:1fr;gap:0}}
.brand-pattern-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.brand-pattern-controls label:last-child{grid-column:1/-1}
.brand-pattern-controls output{float:right;color:var(--adm-primary)}
.brand-pattern-controls input[type=range]{width:100%;accent-color:var(--adm-primary)}
.brand-pattern-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.brand-pattern-gallery button{display:flex;flex-direction:column;gap:5px;text-align:left;overflow:hidden;padding:8px!important;border:1px solid var(--adm-border);background:var(--adm-panel);color:var(--adm-text);min-width:0}
.brand-pattern-gallery button[hidden]{display:none}
.brand-pattern-gallery button[aria-pressed=true]{border-color:var(--adm-primary)!important;box-shadow:inset 0 0 0 1px var(--adm-primary)!important}
.brand-pattern-gallery button[aria-pressed=true] strong::after{content:" ✓";color:var(--adm-primary)}
.brand-pattern-gallery button:focus-visible{outline:2px solid var(--adm-primary);outline-offset:3px}
.brand-pattern-gallery button:hover{border-color:var(--adm-primary)}
.brand-pattern-swatch{display:block;width:100%;height:84px;background-color:var(--adm-bg);border:1px solid var(--adm-border);border-radius:3px;pointer-events:none}
.brand-pattern-gallery small{color:var(--adm-text-dim)}
@media(max-width:600px){.brand-pattern-controls{grid-template-columns:minmax(0,1fr)}.brand-pattern-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Workspace-sized previews make subtle backgrounds readable in context. */
#brand-editor .brand-pattern-controls{padding:16px;background:var(--adm-surface-2);border:1px solid var(--adm-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
#brand-editor .brand-pattern-controls label{display:grid;gap:8px;min-width:0;}
#brand-editor .brand-pattern-controls :is(select,input){width:100%;min-width:0;}
#brand-editor .brand-pattern-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
#brand-editor .brand-pattern-gallery button{padding:0 0 14px!important;gap:6px;border-radius:6px!important;transition:border-color .15s,box-shadow .15s;}
#brand-editor .brand-pattern-gallery button :is(strong,small){padding:0 14px;}
#brand-editor .brand-pattern-gallery button strong{font-size:13px;margin-top:6px;}
#brand-editor .brand-pattern-swatch{position:relative;height:164px;border:0;border-bottom:1px solid var(--adm-border);border-radius:0;overflow:hidden;}
.brand-pattern-mini{position:absolute;inset:28% 14% 12% 20%;display:grid;grid-template-columns:22% 1fr 1fr;grid-template-rows:16% 1fr;gap:7px;opacity:.86;filter:drop-shadow(0 7px 14px #0002);}
.brand-pattern-mini i{background:var(--adm-panel);border:1px solid color-mix(in srgb,var(--adm-text) 12%,transparent);border-radius:3px;}
.brand-pattern-mini i:first-child{grid-row:1/3;}
.brand-pattern-mini i:nth-child(2){grid-column:2/4;background:color-mix(in srgb,var(--adm-panel) 95%,var(--adm-primary));}
#brand-editor .brand-pattern-gallery button[aria-pressed=true]{box-shadow:0 0 0 2px var(--adm-primary)!important;}
#brand-editor .brand-color-sections{display:block;}
#brand-editor .brand-color-sections details{margin:0 0 10px;border:1px solid var(--adm-border);background:var(--adm-panel);}
#brand-editor .brand-color-sections summary{padding:12px;cursor:pointer;font-weight:600;background:var(--adm-surface-2);}
#brand-editor .brand-color-sections summary small{float:right;font-weight:400;color:var(--adm-text-dim);}
#brand-editor .brand-color-table{width:100%;border-collapse:collapse;table-layout:fixed;}
#brand-editor .brand-color-table th,#brand-editor .brand-color-table td{padding:6px 10px;border-top:1px solid var(--adm-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;}
#brand-editor .brand-color-table thead th{font-size:11px;font-weight:600;color:var(--adm-text-dim);}
#brand-editor .brand-color-table th:nth-child(2){width:64px;}
#brand-editor .brand-color-table th:nth-child(3){width:88px;}
#brand-editor .brand-color-table label{display:block!important;margin:0;padding:0;border:0;background:none;font-weight:400;font-size:12px;}
#brand-editor .brand-color-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#brand-editor .brand-color-table input[type=color]{display:block;width:40px;min-width:40px;height:30px;min-height:30px;margin:0;padding:2px;cursor:pointer;}
#brand-editor .brand-color-table [data-color-code]{font:11px Consolas,monospace;color:var(--adm-text-dim);}
@media(max-width:480px){#brand-editor .brand-pattern-gallery{grid-template-columns:1fr}#brand-editor .brand-pattern-controls{grid-template-columns:1fr}}

/* Theme creation: one header, a scrolling body and persistent actions. */
#brand-editor .brand-starter-dialog{padding:0;overflow:hidden;max-height:calc(100dvh - 32px)}
#brand-new-theme-form{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);min-height:0}
#brand-new-theme-form>.brand-dialog-heading{flex-shrink:0;align-items:center;margin:0;padding:12px 16px;background:var(--adm-surface-2);border-bottom:1px solid var(--adm-border)}
#brand-new-theme-form .brand-dialog-heading h2{font-size:16px;margin:0 0 4px}
#brand-new-theme-form .brand-dialog-heading p{margin:0;font-weight:400}
#brand-new-theme-form>.brand-dialog-body{padding:16px;min-height:0;overflow:auto;overscroll-behavior:contain}
#brand-new-theme-form>footer.brand-actions{flex-shrink:0;margin:0;padding:10px 16px;border-top:1px solid var(--adm-border);background:var(--adm-surface-2)}
#brand-new-theme-form #brand-starter-gallery{max-height:none;overflow:visible}
@media(max-width:600px){#brand-new-theme-form>.brand-dialog-body{padding:12px}#brand-new-theme-form .brand-dialog-heading p{max-width:32ch}}
/* Miniatures reflect the selected model's frame and elevation settings. */
.brand-starter-box,.brand-starter-columns>span{border-width:var(--starter-border-width,1px);box-shadow:var(--starter-shadow,none)}

/* Color-only catalog: swatches use the selected theme appearance. */
.brand-palette-swatches{display:flex;height:64px;border-bottom:1px solid var(--adm-border)}.brand-palette-swatches span{flex:1;min-width:0}

.brand-simon { margin: 0 0 14px; padding: 14px; border: 1px solid var(--adm-border, #87939c); background: var(--adm-surface, var(--surface, transparent)); }
.brand-simon h2 { font-size: 16px; margin: 0; }
.brand-simon label { display: block; font-weight: 600; margin-bottom: 5px; }
.brand-simon textarea { width: 100%; box-sizing: border-box; min-height: 64px; padding: 8px; font: inherit; color: inherit; background: var(--adm-bg, transparent); border: 1px solid var(--adm-border, #87939c); }
.brand-simon .brand-actions { margin-top: 8px; align-items: center; }
.brand-simon button { min-width: 34px; min-height: 34px; }
.brand-simon textarea:focus-visible,.brand-simon button:focus-visible { outline: 2px solid var(--adm-primary, #3c8dbc); outline-offset: 2px; }

.brand-simon>summary{cursor:pointer;font-weight:600;padding:8px;min-height:34px}.brand-simon>summary:focus-visible{outline:2px solid var(--adm-primary);outline-offset:2px}.brand-simon[open]>summary{margin-bottom:12px}