.resize-controls {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-5);
    align-items: flex-end;
    margin: var(--space-4) 0;
}
.resize-field label {
    display: block;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin-bottom: .4rem;
}
.resize-field select {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--text-base);
    padding: .5rem .7rem;
    min-width: 16rem;
}
.resize-radio {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    margin-right: var(--space-3);
    cursor: pointer;
}
.resize-radio input { accent-color: var(--color-accent); }
.resize-custom-row {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-mono);
}
.resize-custom-row input {
    width: 6rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    padding: .5rem .6rem;
}
#resizeBgColor {
    width: 3.2rem;
    height: 2.4rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: none;
    padding: 0;
    cursor: pointer;
}

#resizeDownload[hidden] { display: none; }

@media (max-width: 480px) {
    .resize-field { width: 100%; }
    .resize-field select { width: 100%; min-width: 0; box-sizing: border-box; }
    .resize-custom-row input { flex: 1; min-width: 0; }
    #resizeGoBtn { width: 100%; }
}