.rgb-control {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;font-size:11px;letter-spacing:0}
.rgb-control label {flex-basis:100%;display:flex;gap:7px;align-items:center}
.rgb-control input[type=checkbox] {width:auto;margin:0}
.rgb-control input[type=color] {width:32px;height:28px;padding:2px;border:1px solid #ccc;background:transparent}
.rgb-control input[type=number] {width:45px;min-width:0;padding:5px;border:1px solid #ccc;background:transparent;font:inherit;box-sizing:border-box}
.rgb-note {font-size:10px;overflow-wrap:anywhere}
.variations h3 {font:inherit;letter-spacing:.12em;margin:0 0 12px}
.variations label {display:block;font-size:11px;margin:10px 0}
.variations input:not([type=file]), .variations select {display:block;box-sizing:border-box;width:100%;padding:8px;margin-top:5px;border:1px solid #d3cfc7;background:#faf9f6;color:#29231e;font:inherit}
.variations .acts {flex-wrap:wrap;gap:8px}.variation-note {font-size:11px;line-height:1.6;letter-spacing:0}
.rgb-control label.rgb-channel {flex-basis:auto;display:flex;flex-direction:column;gap:3px;font-size:9px;align-items:flex-start}
.variations {position:relative;max-width:min(470px,calc(100vw - 40px));text-align:left}
.variation-bar {display:flex;align-items:center;justify-content:flex-end;gap:10px}
#variation-icons {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.variation-icon {display:flex;width:32px;height:27px;padding:3px;border:1px solid transparent;background:transparent;border-radius:5px;cursor:pointer;overflow:hidden}
.variation-icon span {flex:1;background-size:cover;background-position:center}
.variation-icon span:first-child {flex:2;border-radius:2px 0 0 2px}
.variation-icon span:last-child {border-radius:0 2px 2px 0}
.variation-icon[aria-pressed=true] {border-color:#57493e}
.variation-icon:hover,.variation-icon:focus-visible {outline:1px solid #a3907b;outline-offset:2px}
#variation-manage {border:1px solid #c9bfb1;border-radius:50%;background:transparent;color:#57493e;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:20px;padding:0;flex-shrink:0}
.variation-editor {position:absolute;right:0;top:36px;width:260px;box-sizing:border-box;padding:16px;border:1px solid #d3cfc7;background:#faf9f6;box-shadow:0 6px 20px #241a1414;z-index:5;max-height:calc(100vh - 180px);overflow:auto}

.tote-size-control {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px}
.tote-size-control[hidden] {display:none}
.tote-size-control .label {margin:0}
.tote-size-control .seg button {min-width:48px;padding:8px 14px}