.file-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin-block:var(--space-8)}
.file-tool-card{min-width:0;border-bottom:1px solid var(--border);padding-bottom:var(--space-6)}
.file-tool-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.file-tool-card h2,.file-tool-card h3{font-size:var(--text-md);margin-block:var(--space-4) var(--space-2)}
.file-tool-card p{color:var(--muted);margin:0}.file-tool-card a{color:var(--foreground);text-decoration:none}.file-tool-card a:hover h3,.file-tool-card a:hover h2{text-decoration:underline}
.file-tool-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-8);background:var(--card);padding:var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}
.file-tool-workspace form,.file-tool-workspace fieldset{min-width:0;margin:0;padding:0;border:0}.file-tool-workspace label{display:block;font-weight:600;margin-bottom:var(--space-2)}
.file-tool-workspace input:not([type=checkbox]),.file-tool-workspace select{width:100%;min-width:0;box-sizing:border-box}.file-tool-workspace input[type=file]{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--muted)}
.file-tool-workspace input::file-selector-button{padding:var(--space-3);border:0;border-radius:var(--radius-sm);font:inherit;background:var(--secondary);color:var(--foreground);cursor:pointer;margin-right:var(--space-3)}
.file-tool-workspace input[type=text],.file-tool-workspace select{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);font:inherit}
.file-tool-workspace input[type=range]{accent-color:var(--primary);height:44px}.file-tool-workspace input:focus-visible,.file-tool-workspace select:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.file-tool-workspace .primary{width:100%;margin-top:var(--space-4);white-space:normal}.file-tool-workspace .tool-checkbox{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4)}.tool-checkbox input{width:22px;height:22px;accent-color:var(--primary)}
.tool-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.tool-time-grid .hint{margin-top:var(--space-3);font-weight:400}
.local-preview{align-self:center;min-width:0}.local-preview video{display:block;width:100%;max-height:420px;border-radius:var(--radius-sm);background:var(--background)}.local-preview video[hidden]{display:none}.tool-privacy{grid-column:1/-1;margin:0;border-top:1px solid var(--border);padding-top:var(--space-4)}
.tool-progress,.tool-result{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);margin-block:var(--space-6)}.tool-progress progress{display:block;width:100%;height:14px;accent-color:var(--primary);margin-block:var(--space-4)}
.tool-result video,.tool-result img{display:block;max-width:100%;width:auto;max-height:520px;margin-block:var(--space-4);border-radius:var(--radius-sm)}.tool-result audio{width:100%;margin-block:var(--space-4)}.tool-result .primary{display:inline-block}.tool-result h2{overflow-wrap:anywhere}.file-history-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border);padding-block:var(--space-4)}
.tool-file-details{overflow-wrap:anywhere}.tool-progress[hidden],.tool-result[hidden],#tool-history[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tool-hero-picture img{aspect-ratio:3/2;object-fit:cover}
.tool-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-6)}
.tool-hero-actions .primary{display:inline-block;text-decoration:none;text-align:center}
.tool-hero-actions a:focus-visible,.file-tool-card a:focus-visible,.tool-reading a:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius-sm)}
.tool-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);padding-block:var(--space-6);margin:0 0 var(--space-12);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.tool-facts dt{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-2)}.tool-facts dd{margin:0;font-weight:600;line-height:1.5}
.tool-workspace-heading{margin-bottom:var(--space-6)}.tool-workspace-heading .eyebrow{margin-bottom:var(--space-2)}.tool-workspace-heading h2{margin-block:0 var(--space-3);scroll-margin-top:var(--space-6)}.tool-workspace-heading p:last-child{color:var(--muted);margin:0;max-width:65ch}
.local-preview h3{font-size:var(--text-base);margin:0 0 var(--space-4)}
.tool-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:var(--space-8) 0 0;gap:var(--space-8)}
.tool-step-list li{min-width:0;border-top:1px solid var(--border);padding-top:var(--space-6)}.tool-step-number{display:block;font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-4)}.tool-step-list h3{font-size:var(--text-md);margin:0 0 var(--space-3)}.tool-step-list p{margin:0;color:var(--muted);line-height:1.75}
.tool-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.tool-tips h2{font-size:var(--text-lg);margin:0 0 var(--space-4)}.tool-tips ul{padding-left:var(--space-6);margin:0;color:var(--muted);line-height:1.75}.tool-tips li+li{margin-top:var(--space-3)}.tool-reading .related-links{line-height:1.7}.tool-reading .hint{margin-bottom:0}
@media(max-width:760px){.file-tool-workspace{grid-template-columns:1fr;padding:var(--space-6);gap:var(--space-4)}.file-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.local-preview video{max-height:320px}.file-tool-card h2,.file-tool-card h3{font-size:var(--text-base)}}
@media(max-width:760px){.file-tool-hero .tool-hero-actions{order:6;margin-top:0}.tool-facts{grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.tool-facts div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-4)}.tool-facts dt{margin:0}.tool-step-list,.tool-tips{grid-template-columns:1fr;gap:var(--space-6)}.tool-step-list{margin-top:var(--space-6)}.tool-step-number{margin-bottom:var(--space-3)}.tool-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.file-tool-grid{grid-template-columns:1fr}.file-tool-workspace{padding:var(--space-4)}}
.prepared-source{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}
.prepared-source h3{margin:0 0 var(--space-3);font-size:var(--text-md)}.prepared-source p{overflow-wrap:anywhere}.prepared-source[hidden],#upload-picker[hidden]{display:none}
