.tool-card{border:1px solid var(--color-line);border-radius:var(--radius-panel,12px);background:#fff;min-inline-size:0;margin-block:1.25rem;padding:1.25rem}.tool-result{border-block-start:3px solid var(--color-link)}.tool-result>.primary-link{margin-block:.5rem}.tool-note,.tool-empty{border-radius:var(--radius-control,7px);overflow-wrap:anywhere;margin-block:1rem;padding:.9rem 1rem}.tool-note{background:var(--color-surface);border-inline-start:3px solid var(--color-link)}.tool-empty{border:1px solid var(--color-line);color:var(--color-muted);background:#f7f6f2;font-size:.9375rem}.tool-help{color:var(--color-muted);margin-block:.4rem .75rem;font-size:.9375rem}.tool-status:not(:empty){border-inline-start:3px solid var(--color-link);border-radius:var(--radius-control,7px);background:var(--color-surface);color:var(--color-ink);margin-block:1rem;padding:.85rem 1rem;font-size:.9375rem}.tool-details{border-block-start:1px solid var(--color-line);margin-block:1rem 0}.tool-details>summary{min-block-size:48px;color:var(--color-link);cursor:pointer;padding-block:.85rem;font-weight:650}.tool-details>summary::marker{color:var(--color-link)}.tool-details>summary:hover{color:#463180}.tool-details>summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tool-card h3{margin-block-end:.75rem}.tool-card>p+p{margin-block-start:.75rem}.tool-output-metadata{border-block:1px solid var(--color-line);font-variant-numeric:tabular-nums;margin-block:1rem;padding-block:.75rem;font-weight:650}@media (width>=40rem){.tool-card{padding:1.5rem}}.image-workflow{margin-block:1.5rem}.workflow-panel{border:1px solid var(--color-line);border-radius:var(--radius-panel,12px);background:#fff;min-inline-size:0;margin-block:1.25rem;padding:1.25rem}.workflow-panel h2,.workflow-panel legend{font-size:1.1875rem;font-weight:650}.workflow-panel legend{padding-inline:.4rem}.workflow-panel h2{margin-block-end:1rem}.workflow-panel p{margin-block:.75rem}.workflow-upload,.workflow-panel.tool-result{border-block-start:3px solid var(--color-link)}.workflow-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-inline-size:48rem;margin-block:1.25rem;display:grid}.workflow-field{flex-direction:column;gap:.5rem;min-inline-size:0;max-inline-size:28rem;display:flex}.workflow-field>span{font-size:.9375rem;font-weight:650}.workflow-field input,.workflow-field select{border-radius:var(--radius-control,7px);min-block-size:48px;inline-size:100%;min-inline-size:0;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #887e99;padding:.65rem .75rem}.workflow-field input:hover:not(:disabled),.workflow-field select:hover:not(:disabled){border-color:var(--color-link)}.workflow-toggle{align-items:center;gap:.75rem;min-block-size:48px;padding-block:.5rem;display:flex}.workflow-toggle input{block-size:20px;inline-size:20px;accent-color:var(--color-link);flex-shrink:0}.workflow-help{color:var(--color-muted);max-inline-size:48rem;font-size:.9375rem}.workflow-file-label{margin-block-end:.5rem;font-size:.9375rem;font-weight:650;display:block}#workflow-file{border-radius:var(--radius-control,7px);min-block-size:54px;inline-size:100%;max-inline-size:100%;color:var(--color-muted);font:inherit;background:#f7f6f2;border:1px solid #887e99;padding:.25rem;display:block}#workflow-file::file-selector-button{min-block-size:44px;color:var(--color-link);font:inherit;cursor:pointer;background:#fff;border:1px solid #887e99;border-radius:5px;margin-inline-end:.75rem;padding-inline:1rem;font-weight:650}#workflow-file:not(:disabled)::file-selector-button:hover{background:var(--color-surface);border-color:var(--color-link)}.workflow-preview-row{align-items:start;gap:1.25rem;display:grid}.workflow-preview{object-fit:contain;border:1px solid var(--color-line);border-radius:var(--radius-control,7px);background:#f7f6f2;max-block-size:22rem;inline-size:100%;padding:.75rem}.workflow-crop{border:1px solid var(--color-line);border-radius:var(--radius-control,7px);background:#f7f6f2;max-block-size:24rem;inline-size:100%;display:block}.workflow-crop rect:last-child{stroke:var(--color-link)}.workflow-crop-panel{padding-block:.5rem 1rem}.workflow-info{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;margin:0;font-size:.9375rem;display:grid}.workflow-info dt,.workflow-info dd{border-block-end:1px solid var(--color-line);padding-block:.7rem}.workflow-info dt{color:var(--color-muted)}.workflow-info dd{overflow-wrap:anywhere;text-align:end;margin:0;padding-inline-start:1rem;font-weight:650}.workflow-settings{background:#f7f6f2;margin-block:1rem 0}.workflow-settings .workflow-help{max-inline-size:44rem}.workflow-actions{flex-wrap:wrap;gap:.75rem;padding-block:.25rem;display:flex}.workflow-actions button:not(.primary-link){border-radius:var(--radius-control,7px);min-block-size:48px;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #887e99;padding:.75rem 1.1rem;font-weight:600}.workflow-actions button:not(.primary-link):hover:not(:disabled){border-color:var(--color-link);background:var(--color-surface)}.image-workflow button{cursor:pointer}.image-workflow button:disabled,.image-workflow input:disabled,.image-workflow select:disabled{opacity:.55;cursor:not-allowed}.image-workflow fieldset:disabled .workflow-toggle,.image-workflow fieldset:disabled .workflow-field>span{color:var(--color-muted)}.workflow-status{margin-block:.75rem}.workflow-status:empty{margin:0}.workflow-error,.workflow-pass{border-radius:var(--radius-control,7px);border-inline-start:3px solid;padding:.85rem 1rem;font-weight:650}.workflow-error{color:var(--color-danger,#982f38);background:#fff0f0}.workflow-pass{color:var(--color-success,#285b45);background:#edf5ef}.workflow-issues,.workflow-instructions{margin-block:.75rem;padding-inline-start:1.5rem;list-style:outside}.workflow-instructions{list-style:decimal}.workflow-instructions li,.workflow-issues li{margin-block:.5rem}.workflow-comparison{border-block-start:1px solid var(--color-line);margin-block:1.25rem;padding-block-start:1.25rem}#workflow-output:focus{outline:3px solid var(--color-focus);outline-offset:3px}@media (width<=30rem){.workflow-fields{grid-template-columns:1fr;gap:1rem}}@media (width>=40rem){.workflow-panel{padding:1.5rem}.workflow-crop-panel{padding-block:.5rem 1rem}.workflow-preview-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}}