.palette-actions{display:flex;gap:8px;margin:12px 0}
.palette-actions .button{min-height:44px;padding:8px 10px;font-size:12px;justify-content:center;color:var(--green-dark);white-space:normal}
.recolor-preview{position:absolute;left:0;top:0;pointer-events:none;z-index:1}
.color-panel-tabs{display:flex;gap:6px;margin:0 0 16px}
.color-panel-tabs button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:13px}
.color-panel-tabs button.active{background:var(--green-light);border-color:var(--green);color:var(--green-dark);font-weight:600}
.color-adjustment-panel h3{font-size:14px;margin:0 0 10px;font-weight:600;color:var(--ink)}
.color-range{display:block;margin:0 0 8px;color:var(--ink);font-size:12px}
.color-range>span{display:flex;align-items:center;justify-content:space-between}
.color-range output{color:var(--green-dark);font-variant-numeric:tabular-nums}
.color-range input{display:block;width:100%;height:32px;margin:0;accent-color:var(--green)}
.color-adjustment-panel .button{min-height:44px;width:100%;font-size:12px}
.color-panel-note{font-size:12px;line-height:1.7;color:var(--ink);margin:8px 0 12px}
.color-panel-status{color:var(--green-dark);font-size:12px;line-height:1.7;margin:12px 0;font-weight:500}
.color-cleanup-section{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.mobile-color-preview{display:none}
@media(max-width:720px){
 .mobile-color-preview{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px}
 .mobile-color-preview>span{font-size:12px;color:var(--ink);align-self:flex-start}
 .mobile-color-preview canvas{max-width:100%;object-fit:contain;image-rendering:pixelated}
 .color-range{font-size:14px}
 .color-range input{height:44px}
 .color-adjustment-panel .button{font-size:14px}
 .color-panel-tabs{position:sticky;top:-16px;background:var(--paper);padding:8px 0;z-index:2}
}
@media(max-width:720px) and (max-height:460px){
 #studio-view .toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}
 #studio-view .toolbar>*{flex-shrink:0}
}
