/* Appearance editor, scoped to client previews and the Themes inspector. */
.client-theme-preview .preview-sample-card .preview-action{background:var(--client-primary);color:var(--client-on-primary,#fff)}.preview-accent-tag{float:right;background:var(--client-accent);color:var(--client-on-accent,#182139);font-size:7px;padding:3px 5px;border-radius:6px;line-height:1.4;margin-top:2px}
.theme-mode .client-inspector .inspector-actions{margin-bottom:16px}.theme-mode .config-theme{margin-top:4px}.theme-mode .client-theme-presets{grid-template-columns:repeat(3,minmax(0,1fr));max-height:220px;overflow:auto;padding:2px 4px 3px 1px;scrollbar-width:thin;scrollbar-color:#c9b9ee transparent}.theme-mode .client-theme-presets button{font-size:9px;min-height:41px;line-height:1.5}.client-theme-preview{font-family:var(--client-font,"Segoe UI",sans-serif);--client-card:#fff;--client-text:#1b2b27;--client-muted:#5e6b66;--client-border:#e5ebe9;--client-radius:14px;--client-side:#102820;--client-padding:16px}.preview-workspace{display:grid;grid-template-columns:83px minmax(0,1fr);min-height:163px;background:var(--client-surface)}.client-theme-preview .preview-sidebar{background:var(--client-side);color:#dce6df;padding:14px 8px;display:flex;flex-direction:column;gap:8px;font-size:8px}.preview-sidebar>strong{font-size:8px;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;color:#fff}.preview-sidebar>span{padding:6px 7px;border-radius:6px;line-height:1.4}.preview-sidebar>.active{background:var(--client-primary);color:var(--client-on-primary,#fff)}.client-theme-preview .preview-content{padding:var(--client-padding);min-width:0}.preview-sample-card{background:var(--client-card);border:1px solid var(--client-border);border-radius:var(--client-radius);padding:var(--client-padding);color:var(--client-text);transition:padding .15s,border-radius .15s}.preview-sample-card>strong{font-size:12px;line-height:1.5}.preview-sample-card>p{font-size:9px;margin:5px 0 13px;color:var(--client-muted)}.client-theme-preview .preview-content i{background:var(--client-border);height:5px;margin-bottom:7px;width:75%}.client-theme-preview .preview-content i:nth-of-type(2){width:47%}.preview-sample-card .preview-action{border-radius:min(var(--client-radius),12px);font-size:9px;padding:8px 10px;margin-top:5px}.preview-caption{display:block;font-size:8px;text-align:center;color:var(--client-muted);margin-top:10px}.custom-theme-controls{padding-top:20px;margin-top:15px;border-top:1px solid #ece7f6}.theme-controls-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.theme-controls-heading h3{margin:0;font-size:13px;letter-spacing:-.2px;color:#6b5983;font-weight:600}.theme-controls-heading button{font-size:9px;padding:3px 0;color:#9982bb}.theme-colour-editor{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.theme-colour-editor>label{margin:0;font-size:10px;color:#8e7ea3;min-width:0}.theme-colour-input{display:flex;gap:8px;align-items:center;margin-top:6px;background:#fff;border:1px solid #e9e2f5;border-radius:10px;padding:5px 7px;min-width:0}.theme-colour-input input[type=color]{height:27px;width:29px;padding:0;border:0;margin:0;border-radius:6px;background:none;flex-shrink:0;cursor:pointer}.theme-colour-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-colour-input input[type=color]::-webkit-color-swatch{border:1px solid #e7dfef;border-radius:6px}.theme-colour-input input[type=text]{padding:3px 0;border:0;font-family:Consolas,monospace;font-size:11px;letter-spacing:.3px;margin:0;min-width:0;box-shadow:none;background:none;color:#7e6a94}.theme-colour-input:focus-within{border-color:#bba4e8;box-shadow:0 0 0 2px #bda4ea10}.theme-colour-editor>label>small{display:none}.custom-theme-controls>.check-label{margin:20px 0 10px;font-size:10px;color:#9684ac;line-height:1.6}.custom-theme-controls input[type=checkbox]{accent-color:#6b48dd}.theme-sidebar-control{font-size:10px;color:#9480ab;margin-bottom:17px}.theme-layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 6px;padding-top:17px;border-top:1px solid #ece7f6}.theme-layout-controls>label{margin:0;font-size:10px;color:#917da9}.theme-layout-controls>label:first-child{grid-column:span 2}.theme-layout-controls output{float:right;font-size:10px;color:#ac96be}.theme-layout-controls input[type=range]{accent-color:#8352df;padding:0;margin-top:12px;border:0;width:100%;height:16px}.theme-layout-controls select,.theme-target-controls select{padding:9px 10px;font-size:10px;color:#8c779e;border-color:#e9e1f4;border-radius:9px;margin-top:7px}.custom-theme-controls>.field-help{font-size:8px;line-height:1.8;color:#b6a5c3}.theme-target-controls{margin-top:19px;border-top:1px solid #ece7f6;padding-top:17px}.theme-target-controls>label{font-size:10px;color:#9680ad;margin-bottom:15px}.theme-outlet-targets{border:1px solid #ece5f6;border-radius:11px;padding:10px 11px;margin:0 0 16px;background:#fdfbff;max-height:150px;overflow:auto;scrollbar-width:thin}.theme-outlet-targets label{font-size:9px;color:#9b85b2;line-height:1.6;margin:7px 0}.theme-outlet-targets .field-help{margin:0;color:#b9a6c8}.theme-mode .publish-help{color:#a38db6;font-size:9px;line-height:1.7}.theme-colour-editor input:disabled,.theme-sidebar-control input:disabled{opacity:.6;cursor:default}.theme-mode .client-list{position:sticky;top:20px}.theme-mode .client-inspector{min-width:0}
@media(max-width:1200px){.theme-mode .client-theme-presets{grid-template-columns:1fr 1fr;max-height:230px}.theme-colour-editor{gap:12px}.theme-colour-input input[type=text]{font-size:10px}.preview-workspace{grid-template-columns:70px minmax(0,1fr);min-height:158px}.client-theme-preview .preview-sidebar{font-size:7px;padding:12px 6px}.preview-sidebar>strong{font-size:7px}.preview-caption{font-size:7px}.theme-controls-heading h3{font-size:12px}}
@media(max-width:980px){.theme-mode .client-list{position:static}.theme-mode .client-theme-presets{grid-template-columns:repeat(3,minmax(0,1fr));max-height:195px}.theme-colour-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-colour-editor>label{font-size:11px}.theme-layout-controls{grid-template-columns:1fr 1fr 1fr}.theme-layout-controls>label:first-child{grid-column:span 1}.theme-layout-controls>label,.theme-sidebar-control,.theme-target-controls>label{font-size:11px}.preview-workspace{grid-template-columns:100px minmax(0,1fr);min-height:185px}.client-theme-preview .preview-sidebar{font-size:9px;padding:17px 10px}.preview-sidebar>strong{font-size:9px}.preview-sample-card>strong{font-size:14px}.preview-sample-card>p{font-size:11px}.preview-sample-card .preview-action{font-size:10px}.preview-caption{font-size:9px}}
@media(max-width:580px){.theme-mode .client-theme-presets{grid-template-columns:1fr 1fr;max-height:208px}.theme-colour-editor{grid-template-columns:1fr 1fr;gap:12px}.theme-colour-editor>label{font-size:10px}.theme-colour-input input[type=text]{font-size:10px}.theme-layout-controls{grid-template-columns:1fr 1fr}.theme-layout-controls>label:first-child{grid-column:span 2}.theme-layout-controls>label{font-size:10px}.preview-workspace{grid-template-columns:78px minmax(0,1fr);min-height:178px}.client-theme-preview .preview-sidebar{font-size:8px;padding:14px 7px}.preview-sidebar>strong{font-size:8px}.preview-sample-card>strong{font-size:12px}.preview-sample-card>p{font-size:9px}.preview-sample-card .preview-action{font-size:9px}.theme-controls-heading h3{font-size:12px}.theme-controls-heading button{font-size:8px}.custom-theme-controls>.check-label{font-size:10px}}