:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--color-bg: #f7f7f8;--color-surface: #ffffff;--color-text: #1f1f24;--color-muted: #5c5c63;--color-border: #e2e2e7;--color-primary: #3b6ff2;--color-primary-strong: #274ac1;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-content{width:min(1100px,100%);margin:0 auto;padding:clamp(1.5rem,2.5vw,3rem) 1.25rem clamp(3rem,4vw,4rem);flex:1}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.site-header__inner{width:min(1100px,100%);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-weight:600;letter-spacing:-.01em}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-link{padding:.35rem .75rem;border-radius:999px;color:var(--color-muted);font-size:.9rem}.nav-link--active{background:#e7ecff;color:var(--color-primary)}.stack{display:flex;flex-direction:column}.stack.gap-xs{gap:.35rem}.stack.gap-sm{gap:.5rem}.stack.gap-md{gap:1rem}.stack.gap-lg{gap:2rem}.stack.gap-xl{gap:3rem}.tool-section{display:flex;flex-direction:column}.tool-section>*{width:100%}.section-header{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:clamp(1.5rem,2.5vw,2.75rem);box-shadow:0 10px 30px #0a0a1e0f}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tool-card,.panel{background:var(--color-surface);border-radius:var(--radius);padding:clamp(1.25rem,2vw,2rem);border:1px solid var(--color-border);box-shadow:0 4px 10px #0f0f140a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--color-primary);font-weight:600;cursor:pointer;transition:background .2s ease,border .2s ease}.btn:hover{background:#e7ecff}.btn--primary{background:var(--color-primary);color:#fff;border:none}.btn--primary:disabled{background:#a8baf7;cursor:not-allowed}.action-row{display:flex;flex-wrap:wrap;gap:.75rem}.dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius);padding:1.25rem;text-align:center;cursor:pointer;background:#fafafa;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.dropzone--active{border-color:var(--color-primary);background:#eef2ff}.dropzone--disabled{opacity:.6;cursor:not-allowed}.dropzone__hint{display:block;font-size:.85rem;color:var(--color-muted)}.progress{width:100%;height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.progress__bar{height:100%;width:0;background:var(--color-primary);transition:width .25s ease}.progress__text{font-size:.85rem}.loading-state{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .85rem;border-radius:999px;background:#eef2ff;color:#1d2e73;font-size:.9rem}.loading-state__spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid #b1c4ff;border-top-color:var(--color-primary);animation:spin .8s linear infinite}.loading-state__label{font-weight:500}.file-list{list-style:none;margin:0;padding:0;border:1px solid var(--border-color);border-radius:.75rem;max-height:220px;overflow-y:auto}.file-list li{padding:.5rem .75rem;font-size:.95rem;border-bottom:1px solid var(--border-color)}.file-list li:last-child{border-bottom:none}.format-picker{display:flex;flex-wrap:wrap;gap:.75rem}.format-option{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:999px}.quality-slider{display:flex;flex-direction:column;gap:.75rem}.quality-slider input[type=range]{width:100%;accent-color:var(--color-primary)}.quality-slider__labels{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.quality-label{flex:1;min-width:120px;padding:.5rem;border-radius:var(--radius);border:1px solid transparent;color:var(--color-muted);display:flex;flex-direction:column;gap:.15rem;background:transparent;cursor:pointer;text-align:left}.quality-label:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quality-label:disabled{cursor:not-allowed;opacity:.6}.quality-label strong{font-size:.95rem;color:var(--color-text)}.quality-label small{font-size:.75rem}.quality-label--active{border-color:var(--color-primary);background:#eef2ff;color:var(--color-text)}.file-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.file-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .9rem;border-top:1px solid var(--color-border)}.file-list li:first-child{border-top:none}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.result-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;background:#fafafa}.result-card__name{font-weight:600;margin:0}.supported-list{margin:0;padding-left:1.25rem;color:var(--color-muted);font-size:.95rem}.supported-list li+li{margin-top:.25rem}.status{padding:.65rem .9rem;border-radius:8px;font-size:.95rem}.status--info{background:#eef2ff;color:#1d2e73}.status--success{background:#e8f7ef;color:#0d6e3d}.status--error{background:#ffefef;color:#9b2226}.privacy-note{background:#fdfdff}.privacy-note__list{margin:0;padding-left:1.2rem;font-size:.95rem;color:var(--color-text)}.privacy-note__list li+li{margin-top:.25rem}.muted{color:var(--color-muted)}@media (max-width: 720px){.site-header__inner,.format-picker{flex-direction:column;align-items:flex-start}.section-header,.panel{padding:1.25rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}