@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", Menlo, "SF Mono", Consolas, monospace;--bedrock:#0a0a0a;--sediment:#111;--charcoal:#2a2a2a;--ash:#9a9a9a;--slate:#666;--bone:#f7f7f7;--limestone:#fff;--red:#ff2a2a;--red-deep:#9d0000;--bg:var(--bedrock);--surface:var(--sediment);--border:var(--charcoal);--text:#f5f5f5;--text-muted:var(--ash);--text-dim:var(--slate);--accent:var(--red);font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}body:before{content:"";background:var(--red);z-index:100;height:2px;display:block;position:fixed;top:0;left:0;right:0}.app-root{gap:1rem;width:min(1280px,100% - 2rem);margin:3rem auto 4rem;display:grid}.hero-panel{border:1px solid var(--border);background:var(--surface);padding:1.75rem 2rem}.brand-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--text);margin:0;font-size:.9rem;font-weight:700}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);margin:0;font-size:.7rem}.hero-panel h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600;line-height:1.15}.hero-subcopy{color:var(--text-muted);max-width:74ch;margin:.55rem 0 0;font-size:.88rem;line-height:1.65}.privacy-pill{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.05em;background:0 0;align-items:center;margin:1rem 0 0;padding:.3rem .65rem;font-size:.68rem;display:inline-flex}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem;display:grid}.panel{border:1px solid var(--border);background:var(--surface);padding:1.5rem}.panel-title-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding-bottom:.9rem;display:flex}.panel-title-row h2{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.7rem;font-weight:700}.status-chip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--border);background:0 0;margin:0;padding:.2rem .5rem;font-size:.65rem}.dropzone{border:1px dashed var(--charcoal);text-align:center;background:var(--bedrock);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2.25rem 1.5rem;transition:border-color .15s,border-style .15s}.dropzone:hover,.dropzone.is-dragging{border-color:var(--red);border-style:solid}.dropzone-title{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;margin:0;font-size:.88rem;font-weight:600}.dropzone-subtitle{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);margin:.3rem 0 0}.staged-header{justify-content:space-between;align-items:center;gap:.6rem;margin-top:1.1rem;display:flex}.staged-header-left{align-items:baseline;gap:.55rem;display:flex}.staged-total{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem}.staged-header h3,.simple-grid h3{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.68rem;font-weight:700}.empty-copy{color:var(--text-dim);font-size:.78rem;font-family:var(--font-mono);margin:.7rem 0 0}.control-note{color:var(--red);font-size:.68rem;font-family:var(--font-mono);opacity:.75;margin:.35rem 0 0;line-height:1.45}.file-list,.queue-list{gap:1px;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.file-list li{border:1px solid var(--border);background:var(--bedrock);justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.file-list li span{color:var(--text);font-size:.8rem;font-family:var(--font-mono);word-break:break-all;min-width:0}.file-item-meta{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.file-item-meta small{color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap;font-size:.72rem}.file-remove-btn{width:1.6rem;min-height:1.6rem;color:var(--text-dim);border-color:#0000;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.file-remove-btn:hover:not(:disabled){color:var(--red);border-color:var(--border)}.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.segmented{border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.45rem;display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;padding:.55rem .4rem;font-size:.75rem;font-weight:600;transition:background .1s,color .1s}.segmented button:last-child{border-right:0}.segmented button.is-active{background:var(--red);color:var(--bone)}.segmented button:hover:not(.is-active):not(:disabled){background:var(--charcoal);color:var(--text)}.segmented button:disabled{opacity:.3;cursor:not-allowed}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.field,.check-row{flex-direction:column;gap:.3rem;display:flex}.field span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700;font-family:var(--font-display)}.field small,.minor-note{color:var(--text-dim);font-size:.7rem;line-height:1.45;font-family:var(--font-mono)}.field select,.field input{appearance:none;border:1px solid var(--border);background:var(--bedrock);color:var(--text);min-height:2.2rem;font-family:var(--font-mono);border-radius:0;outline:none;padding:.4rem .6rem;font-size:.82rem;transition:border-color .12s}.field select:focus,.field input:focus{border-color:var(--red)}.field input[type=range]{accent-color:var(--red);border:none;min-height:auto;padding:0}.field select:disabled,.field input:disabled{opacity:.3;cursor:not-allowed}:is(.field:has(select:disabled) span,.field:has(select:disabled) small,.field:has(input:disabled) span,.field:has(input:disabled) small){opacity:.35}.check-row{flex-direction:row;align-items:center;gap:.55rem}.check-row input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--red);cursor:pointer;flex-shrink:0}.check-row span{color:var(--text);font-size:.82rem;font-weight:500}.advanced-header{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.55rem;margin-top:1rem;padding-top:1rem;display:flex}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem;display:grid}.field-row-span{grid-column:1/-1}.advanced-section-divider{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:.25rem;padding-top:.5rem;display:flex}.advanced-section-divider span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:.62rem}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}button{font-family:var(--font-display);cursor:pointer;border:0;border-radius:0}.primary-button,.secondary-button,.success-button,.ghost-button{letter-spacing:.1em;text-transform:uppercase;min-height:2.2rem;padding:0 .9rem;font-size:.72rem;font-weight:700;transition:opacity .12s,background .12s,border-color .12s}.primary-button{background:var(--red);color:var(--bone);border:1px solid var(--red)}.primary-button:hover:not(:disabled){background:var(--red-deep);border-color:var(--red-deep)}.primary-button:disabled,.secondary-button:disabled,.success-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.28}.secondary-button{color:var(--text);border:1px solid var(--border);background:0 0}.secondary-button:hover:not(:disabled){border-color:var(--ash)}.ghost-button{color:var(--text-muted);border:1px solid var(--border);background:0 0}.ghost-button:hover:not(:disabled){color:var(--text);border-color:var(--ash)}.success-button{background:var(--bone);color:#000;border:1px solid var(--bone)}.success-button:hover:not(:disabled){background:var(--limestone);border-color:var(--limestone)}.notice-text{color:var(--text-dim);font-size:.74rem;font-family:var(--font-mono);margin:.85rem 0 0;line-height:1.5}.stat-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:.9rem;display:grid}.stat-grid div{background:var(--bedrock);gap:.12rem;padding:.65rem .7rem;display:grid}.stat-grid small{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:600;font-family:var(--font-mono)}.stat-grid strong{color:var(--text);font-size:1.3rem;font-family:var(--font-display);font-weight:700;line-height:1}.queue-progress-track{background:var(--charcoal);height:2px;overflow:hidden}.queue-progress-fill{background:var(--red);height:100%;transition:width .25s}.queue-progress-copy{color:var(--text-dim);font-size:.68rem;font-family:var(--font-mono);margin:.4rem 0 0}.queue-list{gap:1px}.queue-item{border:1px solid var(--border);background:var(--bedrock);gap:.42rem;padding:.75rem .75rem .75rem 1rem;display:grid;position:relative}.queue-item:before{content:"";background:var(--charcoal);width:2px;position:absolute;top:0;bottom:0;left:0}.status-preparing:before,.status-converting:before{background:var(--red)}.status-completed:before{background:var(--bone)}.status-failed:before{background:var(--red-deep)}.status-cancelled:before{background:var(--charcoal)}.queue-item-top,.queue-item-meta,.job-actions{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.queue-item-top strong{color:var(--text);font-size:.8rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.queue-item-top span{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.queue-item-meta small{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono)}.job-progress-track{background:var(--charcoal);height:2px;overflow:hidden}.job-progress-track div{background:var(--red);height:100%;transition:width .2s}.job-message{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);margin:0;line-height:1.45}.job-actions{flex-wrap:wrap;justify-content:flex-end}.job-actions .ghost-button,.job-actions .success-button{min-height:1.8rem;padding-inline:.55rem;font-size:.62rem}.status-failed .queue-item-top span{color:var(--red)}.status-completed .queue-item-top span{color:var(--bone)}.status-cancelled .queue-item-top span{color:var(--text-dim)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal{animation:.4s both reveal}.reveal-delay-1{animation-delay:50ms}.reveal-delay-2{animation-delay:.1s}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1020px){.workspace-grid{grid-template-columns:1fr}}@media (width<=760px){.app-root{gap:.75rem;width:calc(100% - 1.5rem);margin:2.5rem auto 2rem}.hero-panel{padding:1.25rem}.panel{padding:1.1rem}.simple-grid,.field-grid,.advanced-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{justify-content:stretch}.action-row button{flex:auto}}
