/* Interface colors only. Never style artwork canvases, image assets, color swatches,
   font samples, or editor data: those colors belong to the user's print design. */
body.theme-designer{background:var(--studio-background);color:var(--studio-text)}
.theme-designer header{background:var(--studio-background);color:var(--studio-text);border-color:var(--studio-line)}
.theme-designer .wordmark,.theme-designer .create-nav,.theme-designer .text-link{color:var(--studio-primary)}
.theme-designer .search{background:var(--studio-background);border-color:var(--studio-line)}
.theme-designer .bag-link span{background:var(--studio-primary);color:var(--studio-on-primary)}
.theme-designer .design-studio{background:var(--studio-surface);color:var(--studio-text)}
.theme-designer :is(.studio-layout,.studio-tools,.studio-right,.studio-toolbar,.studio-preview-dialog,.studio-confirm-dialog){background:var(--studio-background);color:var(--studio-text);border-color:var(--studio-line)}
.theme-designer :is(.studio-left,.studio-tabs,.studio-quality,.studio-properties,.studio-mini){border-color:var(--studio-line)}
.theme-designer .studio-tabs,.theme-designer .studio-center,.theme-designer .studio-preview-content{background:var(--studio-surface)}
.theme-designer .studio-tabs button{color:var(--studio-muted)}
.theme-designer .studio-tabs button[aria-selected=true]{background:var(--studio-tint);color:var(--studio-primary);border-left-color:var(--studio-primary)}
.theme-designer .studio-toolbar button,.theme-designer .studio-dimensions{background:var(--studio-tint);color:var(--studio-text)}
.theme-designer .studio-toolbar-divider{background:var(--studio-line)}
.theme-designer :is(.studio-heading a,.studio-tools p,.studio-product>p,.studio-dimensions small,.studio-quality p,.studio-quality li,.studio-mini p,.studio-properties>.muted,.studio-save-actions>span,.studio-canvas-footer,.studio-order-note,.studio-render-status){color:var(--studio-muted)}
.theme-designer :is(.studio-name input,.design-studio .control input:not([type=color]):not([type=range]),.design-studio .control select,.design-studio .control textarea){background:var(--studio-background);color:var(--studio-text);border-color:var(--studio-line)}
.theme-designer :is(.studio-library-pages button,.studio-layer-actions button,.studio-layer-list button,.studio-rotation-presets button,.studio-preview-tabs button){background:var(--studio-background);color:var(--studio-text);border-color:var(--studio-line)}
.theme-designer .studio-layer-list button.selected{background:var(--studio-tint);border-color:var(--studio-primary)}
.theme-designer .studio-library-grid button{background:var(--studio-background);color:var(--studio-text);border-color:var(--studio-line)}
.theme-designer .studio-library-empty{color:var(--studio-muted);border-color:var(--studio-line)}
.theme-designer .studio-stage{background-image:radial-gradient(var(--studio-line) .6px,transparent .6px)}
.theme-designer .studio-start{background:var(--studio-background);border-color:var(--studio-line);color:var(--studio-text)}
.theme-designer .studio-start>span{color:var(--studio-primary)}
.theme-designer .studio-start p{color:var(--studio-muted)}
.theme-designer .btn:not(.secondary),.theme-designer .studio-preview-tabs button[aria-pressed=true]{background:var(--studio-primary);border-color:var(--studio-primary);color:var(--studio-on-primary)}
.theme-designer .btn.secondary{background:var(--studio-background);color:var(--studio-primary);border-color:var(--studio-primary)}
.theme-designer input[type=range],.theme-designer input[type=checkbox]{accent-color:var(--studio-primary)}
.theme-designer :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--studio-primary);outline-offset:3px}
.theme-designer .studio-context-menu{background:var(--studio-background);border-color:var(--studio-line)}
.theme-designer .studio-context-menu button{background:var(--studio-background)}
.theme-designer .studio-context-menu button:hover{background:var(--studio-tint)}
@media(max-width:600px){.theme-designer .studio-tabs button[aria-selected=true]{border-bottom-color:var(--studio-primary)}}
@media(max-width:760px){.theme-designer.studio-active .header-main{height:auto;min-height:80px}}