.file-tool{gap:var(--space-6);min-width:0;display:grid}.file-tool>*{min-width:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.privacy-note{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) min(var(--space-4), var(--inset-panel));border-radius:var(--radius-control);background:var(--color-soft);display:flex}.privacy-icon{width:var(--space-5);height:var(--space-5);color:var(--color-accent);flex:none;margin-block-start:.1em}.step,.step-form{gap:var(--space-4);min-width:0;display:grid}.step-form{gap:var(--space-6)}.step-title{align-items:baseline;gap:var(--space-3);font-size:var(--font-lead);letter-spacing:0;overflow-wrap:anywhere;font-weight:600;line-height:1.3;display:flex}.step-number{background:var(--color-accent);min-width:1.75em;height:1.75em;color:var(--color-on-accent);font-size:var(--font-small);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:inline-grid}.dropzone{gap:var(--space-4);padding:min(var(--space-4), var(--inset-panel));border:var(--border-strong) dashed var(--color-control);border-radius:var(--radius-control);background:var(--color-bg);transition:background var(--duration-fast);display:grid}.dropzone[data-over]{border-style:solid;border-color:var(--color-accent);background:var(--color-soft)}.dropzone-empty{gap:var(--space-1);display:grid}.file-list{gap:var(--space-3);padding:0;list-style:none;display:grid}.file-row{gap:var(--space-2);min-width:0;padding:min(var(--space-3), var(--inset-panel));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:grid}.file-main{gap:var(--space-1);min-width:0;display:grid}.file-name{overflow-wrap:anywhere;font-weight:600}.file-meta,.file-status{font-size:var(--font-small);overflow-wrap:anywhere}.file-status:empty{display:none}.file-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.file-actions .action--icon{min-width:var(--target-size);padding-inline:var(--space-3);flex:none}.option-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--width-option)), 1fr));gap:var(--space-5);align-items:start;display:grid}.option-grid>*{min-width:0}.field--wide{grid-column:1/-1}.field-head{justify-content:space-between;gap:var(--space-3);display:flex}.field-head output{font-variant-numeric:tabular-nums;font-weight:600}.file-tool input,.file-tool select,.file-tool .action--secondary{border-color:var(--color-control)}.file-tool select{width:100%}.file-tool select[aria-invalid=true]{border-color:var(--color-error)}.file-tool .range{accent-color:var(--color-accent);background:0 0;border:0;padding:0}.progress{width:100%;height:var(--space-3);accent-color:var(--color-accent)}.tool-states .status{border-radius:var(--radius-control)}.crop-stage{border-radius:var(--radius-control);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:pinch-zoom;justify-self:start;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.crop-stage img{width:auto;max-width:100%;height:auto;max-height:var(--height-preview);display:block}.crop-area{border:var(--border-strong) solid var(--color-crop-line);box-shadow:0 0 0 100vmax var(--color-scrim);pointer-events:none;position:absolute}.presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.presets .action[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:var(--color-soft)}.page-tiles{gap:var(--space-3);max-height:32rem;padding:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));list-style:none;display:grid;overflow-y:auto}.page-tile{gap:var(--space-2);width:100%;min-height:var(--target-size);padding:var(--space-2);border:var(--border-width) solid var(--color-control);border-radius:var(--radius-control);background:var(--color-surface);color:inherit;font:inherit;font-size:var(--font-small);cursor:pointer;justify-items:center;display:grid}.page-tile:focus-visible{outline:var(--border-strong) solid var(--color-accent);outline-offset:2px}.page-thumb{aspect-ratio:1;background:var(--color-soft);place-items:center;width:100%;display:grid;overflow:hidden}.page-thumb img{max-width:100%;max-height:100%;transition:rotate var(--duration-fast);background:#fff}.page-thumb img:not([src]){width:70%;height:90%}.page-tile[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:var(--color-soft);font-weight:600}.page-grid--remove .page-tile[aria-pressed=true]{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.page-grid--remove .page-tile[aria-pressed=true] img{opacity:.35}.page-label{overflow-wrap:anywhere;text-align:center}@media (prefers-reduced-motion:reduce){.page-thumb img{transition:none}}.colour-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.file-tool input[type=color]{inline-size:5.5rem;block-size:var(--target-size);padding:var(--space-1);cursor:pointer}.page-grid--order .page-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.page-grid--order .page-tiles[data-dragging]{cursor:grabbing}.page-tile--dragging .page-tile{opacity:.45}.page-tiles li[data-drop=before] .page-tile{box-shadow:inset var(--border-strong) 0 0 0 var(--color-accent), -6px 0 0 0 var(--color-accent)}.page-tiles li[data-drop=after] .page-tile{box-shadow:inset calc(-1 * var(--border-strong)) 0 0 0 var(--color-accent), 6px 0 0 0 var(--color-accent)}