.color-tools{padding:0 0 22px;border-bottom:1px solid var(--line);margin:0 0 22px}
.color-label{font-size:14px;font-weight:600;margin:0 0 12px}
.color-process{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.color-process button{border:1px solid var(--line);background:var(--sheet-2);border-radius:12px;min-height:48px;padding:10px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.color-process button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.color-picker{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;font-size:14px}
.color-picker input[type=color]{width:52px;height:44px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--sheet-2);cursor:pointer}
.color-product-note{font-size:13px;color:var(--ink-2);padding:12px 16px;border-radius:12px;background:var(--brass-tint)}
.studio[data-print-selection=true] #modeBox,.studio[data-print-selection=true] #rowInvert,.studio[data-print-selection=true] #toneSection,.studio[data-print-selection=true] #imageSection,.studio[data-print-selection=true] #qrAppearance{display:none!important}
.studio .color-tools[hidden],.studio .color-picker[hidden]{display:none!important}
.color-process button:focus-visible,#colorCover:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media(max-width:440px){.color-process button{font-size:13px}}

.color-image-actions{display:flex;gap:8px;flex-wrap:wrap}.color-image-actions .mini{min-height:44px}.color-image-actions[hidden]{display:none!important}
.studio[data-print-selection=true] #imageActions{display:none!important}
.background-editor{width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:24px;border:1px solid #d7d7d0;border-radius:24px;background:#fff;color:#262923;box-sizing:border-box;overflow:auto}
.background-editor::backdrop{background:#13161199;backdrop-filter:blur(5px)}
.background-editor header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}
.background-editor h2{font-size:24px;line-height:1.2;font-weight:500;margin:0 0 6px}
.background-editor header p{font-size:14px;margin:0;color:#64695f}
.background-editor button{font:inherit;font-size:14px;min-height:44px;padding:10px 16px;border:1px solid #dcded7;border-radius:12px;background:#f6f6f2;color:#262923;cursor:pointer}
.background-editor button:focus-visible,.background-editor input:focus-visible{outline:2px solid #806843;outline-offset:3px}
.background-editor button:disabled{opacity:.4;cursor:default}
.background-editor .bg-close{font-size:24px;line-height:1;width:44px;padding:0;flex-shrink:0;background:white}
.bg-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.background-editor [aria-pressed=true]{background:#262923;color:white;border-color:#262923}
.bg-settings{margin:16px 0 10px}.bg-settings label{display:flex;gap:20px;align-items:center;font-size:13px}.bg-settings input{flex:1;min-width:90px;accent-color:#806843;height:28px}
.bg-settings [hidden]{display:none!important}
.bg-tip,.bg-status{font-size:13px;line-height:1.5;color:#64695f;margin:10px 0}
.bg-stage{height:clamp(150px,42dvh,420px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#e4e5df 0% 25%,#f8f8f4 0% 50%) 0 0 / 20px 20px}
.bg-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;cursor:crosshair}
.bg-utilities{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bg-utilities button{font-size:13px;background:white;padding:8px 12px}
.background-editor footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.background-editor #bgApply{background:#262923;color:white;border-color:#262923;min-width:140px}
#positionSection #backgroundSection{margin:16px 0 0;border-bottom:0}#positionSection #backgroundSection summary{font-size:13px}
@media(max-width:540px){.background-editor{padding:18px;border-radius:20px}.background-editor header{margin-bottom:16px}.bg-tools{gap:6px}.bg-tools button{padding:8px 5px;font-size:13px}.bg-settings label{gap:12px;flex-wrap:wrap}.bg-stage{height:clamp(150px,32dvh,330px)}.background-editor footer{position:sticky;bottom:-18px;background:#fff;padding:12px 0 4px;margin-top:6px}.background-editor footer button{flex:1}}