.tool-workspace-page .image-tool {
    display: block;
    min-height: 0;
    padding: 46px 0 80px;
    color: var(--tw-ink);
    font-family: inherit;
    text-align: left;
    animation: none;
}

.tool-workspace-page .image-tool--simple #image-form { grid-template-columns: minmax(0, 1fr); }
.tool-workspace-page .image-tool--simple .image-tool__drop,
.tool-workspace-page .image-tool--simple .image-tool__selected,
.tool-workspace-page .image-tool--simple .image-tool__convert {
    grid-column: 1;
    grid-row: auto;
}
.tool-workspace-page .image-tool--simple .image-tool__convert { width: 100%; }
.tool-workspace-page .image-tool--simple .image-tool__combine-options {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
}

.tool-workspace-page .image-tool__intro { max-width: 680px; margin-inline: auto; }
.tool-workspace-page .image-tool__intro h1 {
    color: var(--tw-ink);
    font-family: inherit;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.045em;
}
.tool-workspace-page .image-tool__intro p {
    margin: 14px 0 30px;
    color: var(--tw-muted);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.tool-workspace-page .image-tool__workspace {
    padding: clamp(20px, 3vw, 32px);
    border: 1px solid var(--tw-line);
    border-radius: 22px;
    background: var(--tw-panel);
}

.tool-workspace-page #image-form {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(290px, .88fr);
    gap: 16px 28px;
    align-items: start;
}
.tool-workspace-page #image-form .compressor-queue {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    margin-top: 8px;
}
.tool-workspace-page #image-form #convert-button {
    grid-column: 1 / -1;
    grid-row: 3;
}
.tool-workspace-page #image-form #tool-queue[hidden] + #convert-button { grid-row: 2; }
.tool-workspace-page .image-tool--simple #image-form .image-tool__combine-options ~ #tool-queue { grid-row: 3; }
.tool-workspace-page .image-tool--simple #image-form .image-tool__combine-options ~ #convert-button { grid-row: 4; }
.tool-workspace-page .image-tool--simple #image-form .image-tool__combine-options ~ #tool-queue[hidden] + #convert-button { grid-row: 3; }
.tool-workspace-page #image-form .compressor-queue[hidden],
.tool-workspace-page #tool-results[hidden],
.tool-workspace-page #tool-zip[hidden],
.tool-workspace-page #tool-combined-download[hidden] { display: none !important; }
.tool-workspace-page .tool-queue__icon {
    display: grid;
    place-items: center;
    color: var(--tw-accent);
    font-size: 20px;
}
.tool-workspace-page .tool-queue__icon i { line-height: 1; }
.tool-workspace-page #tool-results .compressor-results__heading { margin-bottom: 0; }

.tool-workspace-page .image-tool__drop {
    grid-column: 1;
    grid-row: 1;
    height: 320px;
    min-height: 0;
    border-color: var(--tw-line);
    background: var(--tw-soft);
}
.tool-workspace-page .image-tool__drop:hover,
.tool-workspace-page .image-tool__drop.is-dragging {
    border-color: var(--tw-accent);
    background: var(--tw-soft);
}
.tool-workspace-page .image-tool__upload-icon {
    background: var(--tw-panel);
    color: var(--tw-accent);
}
.tool-workspace-page .image-tool__drop-title {
    color: var(--tw-ink);
    font-family: inherit;
    font-size: 19px;
    font-weight: 650;
    line-height: 1.3;
}
.tool-workspace-page .image-tool__drop-subtitle,
.tool-workspace-page .image-tool__drop-note { color: var(--tw-muted); }
.tool-workspace-page .image-tool__drop-subtitle span { color: var(--tw-ink); }

.tool-workspace-page .image-tool__selected {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
    border-color: var(--tw-line);
    background: var(--tw-panel);
}
.tool-workspace-page .image-tool__thumbnail { background: var(--tw-soft); }
.tool-workspace-page .image-tool__file-info strong { color: var(--tw-ink); }
.tool-workspace-page .image-tool__file-info span { color: var(--tw-muted); }
.tool-workspace-page .image-tool__remove { background: var(--tw-soft); color: var(--tw-muted); }
.tool-workspace-page .image-tool__remove:hover { color: var(--tw-ink); }

.tool-workspace-page .image-tool__compression {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 300px;
    margin: 0;
    padding: 22px;
    border: 1px solid var(--tw-line);
    border-radius: 17px;
    background: var(--tw-soft);
}
.tool-workspace-page .image-tool__compression legend {
    padding: 0 5px;
    color: var(--tw-ink);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}
.tool-workspace-page .image-tool__format-options span {
    border-color: var(--tw-line);
    background: var(--tw-panel);
    color: var(--tw-ink);
    font-family: inherit;
}
.tool-workspace-page .image-tool__format-options label:hover span { border-color: var(--tw-muted); }
.tool-workspace-page .image-tool__format-options input:checked + span {
    border-color: var(--tw-ink);
    background: var(--tw-ink);
    color: var(--tw-panel);
}
.tool-workspace-page .image-tool input[type=file]:focus-visible + .image-tool__drop,
.tool-workspace-page .image-tool__convert:focus-visible,
.tool-workspace-page .image-tool__download:focus-visible,
.tool-workspace-page .image-tool__format-options input:focus-visible + span {
    outline: 2px solid var(--tw-accent);
    outline-offset: 3px;
}
.tool-workspace-page .image-tool__compression-input,
.tool-workspace-page .image-tool__webp-option { color: var(--tw-ink); }
.tool-workspace-page .image-tool__compression-input input {
    border-color: var(--tw-line);
    background: var(--tw-panel);
    color: var(--tw-ink);
    font-family: inherit;
}
.tool-workspace-page .image-tool__compression-note { color: var(--tw-muted); }
.tool-workspace-page .image-tool__target-warning { color: var(--tw-accent); }
.tool-workspace-page .image-tool__webp-option input { accent-color: var(--tw-accent); }

.tool-workspace-page .image-tool__convert {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    margin-top: 0;
    background: var(--tw-ink);
    color: var(--tw-panel);
    font-family: inherit;
}
.tool-workspace-page .image-tool__convert:hover:not(:disabled) { background: var(--tw-accent); color: #fff; }
.tool-workspace-page .image-tool__convert:disabled { background: var(--tw-line); color: var(--tw-muted); }

.tool-workspace-page .image-tool__result {
    margin-top: 28px;
    padding-top: 26px;
    border-color: var(--tw-line);
}
.tool-workspace-page .image-tool__result-heading { justify-content: flex-start; color: var(--tw-ink); }
.tool-workspace-page .image-tool__result-details,
.tool-workspace-page .image-tool__result-actions > span { color: var(--tw-muted); }
.tool-workspace-page .image-tool__result-preview { background: var(--tw-soft); }
.tool-workspace-page .image-tool__result-file,
.tool-workspace-page .image-tool__result-file i { color: var(--tw-ink); }
.tool-workspace-page .image-tool__pdf-compression-heading label,
.tool-workspace-page .image-tool__pdf-estimate strong,
.tool-workspace-page .image-tool__formats legend { color: var(--tw-ink); font-family: inherit; }
.tool-workspace-page .image-tool__pdf-compression,
.tool-workspace-page .image-tool__formats {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 300px;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--tw-line);
    border-radius: 17px;
    background: var(--tw-soft);
}
.tool-workspace-page .image-tool__pdf-compression {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tool-workspace-page .image-tool__formats legend { padding: 0 5px; }
.tool-workspace-page .image-tool__pdf-compression-heading span,
.tool-workspace-page .image-tool__pdf-estimate span { color: var(--tw-muted); }
.tool-workspace-page .image-tool__pdf-compression-number {
    border-color: var(--tw-line);
    background: var(--tw-panel);
    color: var(--tw-ink);
}
.tool-workspace-page .image-tool__pdf-compression-number input { color: var(--tw-ink); font-family: inherit; }
.tool-workspace-page .image-tool__pdf-estimate { border-color: var(--tw-line); }
.tool-workspace-page .image-tool__pdf-compression-controls input[type=range] {
    background: linear-gradient(to right, var(--tw-accent) var(--progress, 60%), var(--tw-line) var(--progress, 60%));
}
.tool-workspace-page .image-tool__pdf-compression-controls input[type=range]::-webkit-slider-thumb {
    border-color: var(--tw-panel);
    background: var(--tw-accent);
    box-shadow: 0 0 0 1px var(--tw-accent);
}
.tool-workspace-page .image-tool__pdf-compression-number:focus-within,
.tool-workspace-page .image-tool__compression-input input:focus-visible {
    outline: 2px solid var(--tw-accent);
    outline-offset: 2px;
}
.tool-workspace-page .image-tool__download {
    background: var(--tw-ink);
    color: var(--tw-panel);
    font-family: inherit;
}
.tool-workspace-page .image-tool__download:hover { background: var(--tw-accent); color: #fff; }

@media (max-width: 1100px) {
    .tool-workspace-page #image-form { grid-template-columns: minmax(0, 1fr); }
    .tool-workspace-page .image-tool__drop,
    .tool-workspace-page .image-tool__selected,
    .tool-workspace-page .image-tool__compression,
    .tool-workspace-page .image-tool__convert { grid-column: 1; grid-row: auto; }
    .tool-workspace-page .image-tool__compression { min-height: 0; }
    .tool-workspace-page .image-tool__pdf-compression,
    .tool-workspace-page .image-tool__formats { grid-column: 1; grid-row: auto; min-height: 0; }
    .tool-workspace-page #image-form[data-has-options="true"] .image-tool__pdf-compression,
    .tool-workspace-page #image-form[data-has-options="true"] .image-tool__formats { grid-row: 2; }
    .tool-workspace-page #image-form[data-has-options="true"] #tool-queue { grid-row: 3; }
    .tool-workspace-page #image-form[data-has-options="true"] #convert-button { grid-row: 4; }
    .tool-workspace-page #image-form[data-has-options="true"] #tool-queue[hidden] + #convert-button { grid-row: 3; }
}

@media (max-width: 600px) {
    .tool-workspace-page .image-tool { padding: 32px 0 56px; }
    .tool-workspace-page .image-tool__intro h1 { font-size: 34px; }
    .tool-workspace-page .image-tool__intro p { margin-bottom: 24px; font-size: 15px; }
    .tool-workspace-page .image-tool__workspace { padding: 16px; border-radius: 18px; }
    .tool-workspace-page #image-form { gap: 15px; }
    .tool-workspace-page .image-tool__drop { height: 220px; }
    .tool-workspace-page .image-tool__compression { padding: 18px; }
    .tool-workspace-page #tool-list .compressor-item { grid-template-columns: 44px minmax(0, 1fr) auto; }
    .tool-workspace-page #tool-list .compressor-item__actions { grid-column: 3; }
}