/* Shared material controls and canvas surfaces follow the current palette.
   Uploaded images and the material thumbnails retain their original colors. */
.blueprint .creative-tabs{background:var(--tint);border:1px solid var(--line);padding:3px;gap:3px}
.blueprint .creative-tabs .btn{border:1px solid transparent;background:transparent;color:var(--muted);box-shadow:none}
.blueprint .creative-tabs .btn:hover{background:var(--surface);color:var(--ink)}
.blueprint .creative-tabs .btn.active{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:none}
.blueprint .creative-search{background:var(--surface);color:var(--muted);border:1px solid var(--line);min-height:38px}
.blueprint .creative-search>svg{flex:none}
.blueprint .creative-search input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){flex:1;width:100%;min-width:0;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;padding:9px 0;font-size:13px}
.blueprint .creative-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.blueprint .creative-search input:focus-visible{outline:0}
.blueprint .creative-library-toolbar{background:transparent}
.blueprint :is(.uc-asset-preview,.creative-library-image){background:transparent}
.blueprint .uc-main .creative-layer-tools{background:var(--surface);color:var(--ink);border-top:1px solid var(--line);border-radius:0}
.blueprint .creative-layer-tools strong{color:var(--ink)}
.blueprint .creative-layer-tools label{color:var(--muted)}
.blueprint .creative-layer-tools input[type=range]{accent-color:var(--accent)}
.blueprint .creative-layer-tools .btn{background:var(--tint);color:var(--ink);border-color:var(--line)}
.blueprint .creative-layer-tools .btn:hover{background:var(--surface);color:var(--accent)}
.blueprint .creative-layer-tools .icon-btn{background:transparent;color:var(--muted)}
.blueprint .creative-layer-tools .icon-btn:hover{color:var(--error)}

.blueprint :is(.uc-cards,.uc-retention,.uc-complete-label,.uc-key-summary,.uc-prompt-options,.uc-structure,.uc-floating-note,.uc-layer-menu,.uc-workspace-menu>div){background:var(--surface);color:var(--ink);border-color:var(--line)}
.blueprint :is(.uc-assets,.uc-cards,.uc-prompt-group,.uc-reference-card,.uc-toolbar,.uc-composer,.uc-results){border-color:var(--line)}
.blueprint :is(.uc-cards summary span,.uc-reference-card p,.uc-complete-label>span,.uc-key-summary>p,.uc-prompt-group>small){color:var(--muted)}
.blueprint .uc-complete-label{background:var(--tint)}
.blueprint.uc-active .uc-workspace .uc-prompt-row .uc-complete-label textarea{background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none}
.blueprint .uc-key-summary{background:var(--tint)}
.blueprint .uc-workspace-menu button,.blueprint .uc-layer-menu button{color:var(--ink)}
.blueprint .uc-workspace-menu button:hover,.blueprint .uc-layer-menu button:hover{background:var(--tint)}
.blueprint .uc-floating-note textarea{background:transparent;color:var(--ink)}
.blueprint .uc-toolbar .icon-btn:hover,.blueprint .uc-toolbar .uc-tool.active{background:var(--tint);color:var(--accent)}
.blueprint .uc-choice-group .btn{background:var(--surface);color:var(--muted);border-color:var(--line)}
.blueprint .uc-choice-group .btn.active{background:var(--tint);border-color:var(--accent);color:var(--ink)}
.blueprint .uc-prompt-warning{background:color-mix(in srgb,var(--error) 10%,var(--surface));color:var(--error)}
.blueprint .uc-cards .creative-empty{color:var(--muted)}
.blueprint .uc-ref-thumb span{background:var(--surface)}

/* Keep the base-image control discoverable even before upload. The five
   preservation levels apply only when a base exists, not to furniture layers. */
.blueprint .uc-retention{gap:10px;min-height:48px;padding:6px 12px;flex-wrap:wrap}
.blueprint .uc-retention>strong{font-size:13px;font-weight:500;color:var(--muted)}
.blueprint .uc-retention>.creative-upload{background:transparent;color:var(--ink);border-color:var(--line);font-size:12px;min-height:32px;padding:5px 8px}
.blueprint .uc-retention-levels{min-width:0;display:flex;gap:2px;background:var(--tint);border:0;border-radius:6px;padding:2px;overflow:visible}
.blueprint .uc-retention-levels .btn{min-width:34px;min-height:30px;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;line-height:20px}
.blueprint .uc-retention-levels .btn:hover{background:var(--surface);color:var(--ink)}
.blueprint .uc-retention-levels .btn.active{background:var(--accent);color:var(--on-accent)}
.blueprint .uc-retention>.actions{margin-left:auto;gap:2px;flex-wrap:nowrap}
.blueprint .uc-retention :is(.uc-upload-icon,.icon-btn){display:inline-flex;align-items:center;justify-content:center;min-width:32px;width:32px;height:32px;min-height:32px;padding:6px;border:0;background:transparent;color:var(--muted)}
.blueprint .uc-retention :is(.uc-upload-icon,.icon-btn):hover{background:var(--tint);color:var(--accent)}
@media(max-width:600px){
 .blueprint .uc-retention{padding:6px 8px;gap:6px}
 .blueprint .uc-retention-levels .btn{padding:5px 6px;min-width:30px}
}
@media(pointer:coarse){
 .blueprint .uc-retention-levels .btn{min-height:40px}
 .blueprint .uc-retention :is(.uc-upload-icon,.icon-btn){min-height:40px;height:40px;min-width:36px;width:36px}
}