/* Size & fit in two slim rows (David, 2026-10-09: "A · One-line segmented"):
   a segmented Fit inside | Fill panel | Reset, then Overscan while Fill panel
   is on. Rows 8px apart; captions like the panel's other small captions. */
.artwork-fit-controls{display:grid;gap:8px;margin-top:10px;padding:10px 0 2px;min-width:0}
.artwork-fit-row,.artwork-overscan{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.artwork-overscan{grid-template-columns:auto minmax(0,1fr) auto}
.artwork-overscan[hidden]{display:none}
.artwork-fit-caption,.artwork-overscan label{min-width:64px;color:#aeb8c6;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.artwork-fit-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;min-width:0;border:1px solid #3b4552;border-radius:9px;overflow:hidden;background:#191f27}
.artwork-fit-actions button{min-width:0;min-height:36px;padding:6px 4px;border:0;border-left:1px solid #3b4552;border-radius:0;background:transparent;color:#fff;font:700 12px var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.artwork-fit-actions button:first-child{border-left:0}
.artwork-fit-actions button:hover{background:#222a34}
.artwork-fit-actions button[aria-pressed="true"]{background:#ef2038;color:#fff}
.artwork-fit-actions button svg{display:block;width:16px;height:16px;margin:auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.artwork-fit-actions button:focus-visible,.artwork-overscan input:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.artwork-overscan input{width:100%;min-width:0;height:20px;margin:0;accent-color:#ff3347;cursor:pointer}
.artwork-overscan output{min-width:30px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
/* The image quality pill on the logo's upload row (under Choose a replacement,
   so a wide logo keeps its width), tinted by level. */
.upload-preview .logo-quality-pill{justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:999px;border:1px solid rgba(91,214,138,.45);background:rgba(91,214,138,.14);color:#7fe3a6;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}
.upload-preview .logo-quality-pill[hidden]{display:none}
.logo-quality-pill[data-tone="poor"],.logo-quality-pill[data-tone="low"]{border-color:rgba(255,77,94,.5);background:rgba(255,77,94,.14);color:#ff8792}
.logo-quality-pill[data-tone="fair"]{border-color:rgba(245,177,52,.5);background:rgba(245,177,52,.14);color:#f6c25f}
.logo-quality-pill[data-tone="unknown"]{border-color:#3b4552;background:transparent;color:#aeb8c6}
@media(max-width:420px){.artwork-fit-actions button{font-size:11px;padding:6px 2px}.logo-quality-pill{font-size:10px;padding:2px 6px}}