:root{--color-primary:#087d70;--color-primary-dark:#075e54;--color-accent:#00bf8f;--color-background:#f6f7f6;--color-surface:#fff;--color-surface-subtle:#edf2f0;--color-text:#202625;--color-muted:#64726f;--color-border:#d8e0dd;--color-border-strong:#94a8a3;--color-danger:#b42318;--color-danger-bg:#fef3f2;--color-danger-border:#fecdca;--color-success:#065f46;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background-color:var(--color-primary-dark);color:#fff;border-bottom:1px solid #054941}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:960px;margin:0 auto;padding:.65rem 1.25rem;display:flex}.brand{align-items:baseline;gap:.65rem;min-width:0;display:flex}.brand h1{letter-spacing:.01em;color:#fff;margin:0;font-size:1.25rem;font-weight:600}.brand-subtitle{color:#d7ece8;font-size:.8125rem;font-weight:400}.privacy-pill{color:#fff;white-space:nowrap;background-color:#ffffff1f;border:1px solid #ffffff3d;border-radius:3px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.page{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.lead{color:var(--color-muted);margin:0 0 .85rem;font-size:.9375rem}.dropzone{border:2px dashed var(--color-border-strong);background-color:var(--color-surface);text-align:center;cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1.35rem 1rem;transition:border-color .12s,background-color .12s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--color-primary);background-color:#eef6f4}.dropzone:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.dropzone.disabled{opacity:.6;cursor:not-allowed}.dropzone-title{color:var(--color-text);font-size:1rem;font-weight:600}.dropzone-cta{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#eef6f4;border-radius:3px;justify-content:center;align-items:center;padding:.35rem .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.dropzone-hint{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;margin-top:.85rem;padding:1rem}.settings{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding-bottom:.75rem;display:grid}.field{flex-direction:column;gap:.3rem;min-width:0;margin:0;display:flex}.field>span{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.settings input[type=number],.settings select{border:1px solid var(--color-border-strong);background-color:var(--color-surface);width:100%;min-height:36px;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;border-radius:3px;padding:.35rem .55rem;font-size:.875rem}.settings input[type=range]{width:100%;min-height:36px;accent-color:var(--color-primary);cursor:pointer;margin:0}.settings input:disabled,.settings select:disabled{background-color:var(--color-surface-subtle);color:var(--color-muted);cursor:not-allowed}.checks{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem 1.25rem;padding:.55rem 0;display:flex}.check{color:var(--color-text);cursor:pointer;align-items:center;gap:.4rem;font-size:.875rem;display:inline-flex}.check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);margin:0}.queue-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:.6rem 0;display:flex}.summary{color:var(--color-text);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;font-weight:600}.hint{color:var(--color-muted);margin:0;font-size:.8125rem}.stopping-hint{margin-top:.5rem}.queue{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.item{border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);background-color:var(--color-surface);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.item.converting{border-left-color:var(--color-accent);background-color:#f4fbf9}.item.done{border-left-color:var(--color-primary)}.item.failed{border-color:var(--color-danger-border);border-left:3px solid var(--color-danger);background-color:var(--color-danger-bg)}.thumb{object-fit:cover;border:1px solid var(--color-border);background:repeating-conic-gradient(#e3e9e7 0% 25%,#fff 0% 50%) 0/10px 10px;border-radius:3px;flex:none;width:48px;height:48px}.thumb-placeholder{text-align:center;color:var(--color-muted);background:var(--color-surface-subtle);justify-content:center;align-items:center;padding:.2rem;font-size:.6875rem;font-weight:500;display:flex}.info{flex-direction:column;flex:180px;gap:.15rem;min-width:0;display:flex}.item-header{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.name,.meta,.item-error{overflow-wrap:anywhere}.name{color:var(--color-text);font-size:.9375rem;font-weight:600}.meta{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.result-meta{color:var(--color-text);font-weight:500}.status{border:1px solid var(--color-border);background-color:var(--color-surface-subtle);color:var(--color-text);border-radius:3px;padding:.15rem .45rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-block}.status-converting{border-color:var(--color-primary);color:var(--color-primary-dark);background-color:#e6f6f2}.status-done{border-color:var(--color-success-border);background-color:var(--color-success-bg);color:var(--color-success)}.status-failed{border-color:var(--color-danger-border);color:var(--color-danger);background-color:#fee4e2}.item-error{color:var(--color-danger);font-size:.8125rem;font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.workspace-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem;display:flex}.progress{margin:0}.progress progress{background-color:var(--color-surface-subtle);width:100%;height:6px;accent-color:var(--color-primary);appearance:none;border:0;border-radius:3px;display:block;overflow:hidden}.progress progress::-webkit-progress-bar{background-color:var(--color-surface-subtle);border-radius:3px}.progress progress::-webkit-progress-value{background-color:var(--color-primary);border-radius:3px}.progress progress::-moz-progress-bar{background-color:var(--color-primary);border-radius:3px}.progress p[role=status]{color:var(--color-muted);font-variant-numeric:tabular-nums;margin:.3rem 0 0;font-size:.8125rem;font-weight:500}.buttons{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}button,.button{border:1px solid var(--color-primary);background-color:var(--color-primary);color:#fff;min-height:38px;font:inherit;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:.45rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}button.small,.button.small{min-height:32px;padding:.25rem .65rem;font-size:.8125rem}button.secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}button.secondary:hover:not(:disabled){background-color:var(--color-surface-subtle);border-color:var(--color-text)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,.button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-left:3px solid var(--color-danger);border-radius:4px;margin-top:.65rem;padding:.5rem .75rem;font-size:.875rem}.error ul{margin:0;padding-left:1.15rem}.footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-muted);font-size:.8125rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;max-width:960px;margin:0 auto;padding:.75rem 1.25rem;display:flex}@media (width<=600px){.topbar-inner{padding:.5rem .75rem}.brand h1{font-size:1.125rem}.brand-subtitle{display:none}.privacy-pill{padding:.15rem .45rem;font-size:.75rem}.page{padding:.75rem .75rem 1.5rem}.lead{margin-bottom:.65rem;font-size:.875rem;line-height:1.4}.dropzone{gap:.45rem;padding:.9rem .75rem}.dropzone-title{font-size:.9375rem}.dropzone-cta{min-height:44px;padding:.5rem 1rem}.dropzone-hint{font-size:.75rem;line-height:1.3}.card{margin-top:.65rem;padding:.75rem}.settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-bottom:.55rem}.field{gap:.25rem}.field>span{font-size:.8125rem}.settings input[type=number],.settings select,.settings input[type=range]{min-height:44px;padding:.45rem .5rem;font-size:.875rem}.checks{gap:.15rem 1rem;padding:.35rem 0}.check{min-height:44px;font-size:.875rem}.check input[type=checkbox]{width:18px;height:18px}.queue-header{gap:.2rem .75rem;margin:.5rem 0}.summary{font-size:.8125rem}.hint{font-size:.75rem;line-height:1.3}.item{gap:.5rem;padding:.5rem .55rem}.thumb{width:40px;height:40px}.info{gap:.15rem;line-height:1.3}.name{font-size:.875rem}.meta{font-size:.75rem}.workspace-footer{gap:.5rem;margin-top:.55rem;padding-top:.55rem}.progress p[role=status]{margin-top:.25rem;font-size:.75rem}button,.button,button.small,.button.small{min-height:44px;padding:.5rem .9rem;font-size:.875rem}.footer-inner{padding:.65rem .75rem}}@media (width<=479px){.settings{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}