:root{color-scheme:dark;--radius:4px;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono","Roboto Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-mono);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}.page{max-width:660px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header h1{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.tagline{margin:0;color:var(--color-text-muted)}.tagline,h2{font-size:12px}h2{font-weight:600;color:var(--color-text);margin:0 0 .6rem}.dropzone{border:1px dashed var(--color-border);border-radius:var(--radius);padding:2.25rem 1.25rem;text-align:center;display:flex;flex-direction:column;gap:.3rem;align-items:center;cursor:pointer;background:var(--color-surface);transition:border-color .12s ease,background .12s ease}.dropzone:hover{border-color:var(--color-text-muted)}.dropzone-active,.dropzone:hover{background:var(--color-surface-raised)}.dropzone-active{border-style:solid;border-color:var(--color-accent)}.dropzone-title{margin:0;font-size:13px;font-weight:500}.dropzone-subtitle{margin:0;color:var(--color-text-muted);font-size:12px}.settings{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1.1rem;background:var(--color-surface)}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.action-button{padding:.35rem .7rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:border-color .12s ease,background .12s ease,color .12s ease}.action-button:hover:not(:disabled){border-color:var(--color-text-muted)}.action-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.action-button:disabled{cursor:not-allowed;color:var(--color-text-muted);opacity:.5}.action-button-selected{border-color:var(--color-text);color:var(--color-text)}.action-button-quiet{border-color:transparent;background:transparent;color:var(--color-text-muted)}.action-button-quiet:hover:not(:disabled){border-color:var(--color-border);color:var(--color-text)}.action-button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-background);font-weight:600}.action-button-primary:hover:not(:disabled){border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.action-button-primary:disabled{color:var(--color-background)}.empty-state{margin:0;color:var(--color-text-muted);font-size:12px}.field-row{display:flex;flex-direction:column;gap:.35rem}.field-row label,.field-row>span:first-child{font-size:11px;color:var(--color-text-muted)}.field-row input[type=number]{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:12px;padding:.4rem .55rem}.field-row input[type=number]::placeholder{color:var(--color-text-muted)}.field-row input[type=range]{accent-color:var(--color-accent)}.field-row input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.file-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius)}.file-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;border-bottom:1px solid var(--color-border)}.file-row:last-child{border-bottom:none}.file-row-main{display:flex;flex-direction:column;gap:.35rem;flex:1 1;min-width:0}.file-name{font-size:12px;overflow-wrap:anywhere}.file-meta{font-size:11px;color:var(--color-text-muted)}.file-error{font-size:11px;color:var(--color-danger)}.file-output{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--color-text-muted)}.badge,.file-output{align-items:center;font-size:11px}.badge{display:inline-flex;padding:.1rem .4rem;border-radius:3px;font-weight:600}.badge-success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent)}.badge-warning{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 15%,transparent)}.footnote{margin:0;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px}