:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-border:#e2e4e8;--color-text:#1f2430;--color-text-muted:#5b6270;--color-primary:#1f5f4f;--color-primary-hover:#17493c;--color-primary-contrast:#fff;--color-danger:#b3261e;--color-success:#1f7a4d;--radius:10px;--shadow-card:0 1px 3px #10141e14, 0 1px 2px #10141e0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}button{font-family:inherit}h1,h2,h3,p{margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.app-header__brand{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.app-header__name{letter-spacing:-.3px;color:var(--color-text);font-size:22px;font-weight:700}.app-header__tagline{color:var(--color-text-muted);font-size:14px}.upload-page{flex:1;justify-content:center;padding:48px 20px;display:flex}.upload-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:560px;box-shadow:var(--shadow-card);flex-direction:column;gap:24px;padding:32px;display:flex}.upload-card__title{letter-spacing:.3px;text-transform:uppercase;color:var(--color-text);font-size:20px;font-weight:700}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 24px;transition:border-color .15s,background-color .15s}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--color-primary);background:#1f5f4f0a;outline:none}.drop-zone--active{border-color:var(--color-primary);background:#1f5f4f0f}.drop-zone--error{border-color:var(--color-danger)}.drop-zone__input{display:none}.drop-zone__title{margin-bottom:8px;font-size:16px;font-weight:600}.drop-zone__or{color:var(--color-text-muted);margin-bottom:12px;font-size:13px}.drop-zone__hint{color:var(--color-text-muted);margin-top:16px;font-size:13px}.drop-zone__error{color:var(--color-danger);margin-top:12px;font-size:13px}.file-details{border:1px solid var(--color-border);border-radius:var(--radius);background:#fafbfa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.file-details__name{word-break:break-all;font-weight:600}.file-details__meta{color:var(--color-text-muted);margin-top:4px;font-size:13px}.file-details__actions{flex-shrink:0;gap:8px;display:flex}.output-options{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.output-options:disabled{opacity:.6}.upload-progress{border:1px solid var(--color-border);border-radius:var(--radius);background:#fafbfa;flex-direction:column;gap:10px;padding:20px;display:flex}.upload-progress__label{font-size:14px;font-weight:600}.upload-progress__bytes{color:var(--color-text-muted);font-size:13px}.upload-progress__bar{background:var(--color-border);border-radius:999px;width:100%;height:8px;overflow:hidden}.upload-progress__bar-fill{background:var(--color-primary);height:100%;transition:width .2s}.upload-progress__retry{color:var(--color-text-muted);font-size:12px}.upload-progress__success{color:var(--color-success);font-size:14px;font-weight:600}.upload-progress__error{color:var(--color-danger);font-size:13px}.upload-progress__message{color:var(--color-text-muted);font-size:13px}.upload-progress__downloads{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.upload-progress__dev-details{border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:6px;grid-template-columns:auto 1fr;gap:4px 10px;margin:4px 0 0;padding:10px 12px;font-size:12px;display:grid}.upload-progress__dev-details div{display:contents}.upload-progress__dev-details dt{font-weight:600}.upload-progress__dev-details dd{word-break:break-all;margin:0}.upload-progress .btn--ghost{align-self:flex-start;padding-left:0}.output-options legend{text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);margin-bottom:4px;padding:0;font-size:13px;font-weight:700}.output-options__item{cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.output-options__item input{width:17px;height:17px;accent-color:var(--color-primary)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary)}.btn--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--color-danger)}.btn--block{width:100%;padding:13px 18px;font-size:15px}.health-indicator{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.health-indicator__dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px}.health-indicator--connected .health-indicator__dot{background:var(--color-success)}.health-indicator--unavailable .health-indicator__dot{background:var(--color-danger)}.app-footer{text-align:center;color:var(--color-text-muted);padding:20px;font-size:12px}.app-header__account{align-items:center;gap:16px;display:flex}.app-header__user{color:var(--color-text-muted);font-size:14px}.app-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:4px;padding:12px 32px 0;display:flex}.app-tabs__tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:600}.app-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.app-shell--loading{justify-content:center;align-items:center}.login-page{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:32px;display:flex}.login-card__title{color:var(--color-text);margin:0;font-size:22px;font-weight:700}.login-card__subtitle{color:var(--color-text-muted);margin:-8px 0 0;font-size:14px}.login-card__field{color:var(--color-text);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login-card__field input{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;font-size:14px}.login-card__error{color:var(--color-danger);font-size:13px}.history-page{flex:1;justify-content:center;padding:48px 20px;display:flex}.history-card{flex-direction:column;gap:16px;width:100%;max-width:640px;display:flex}.history-card__title{color:var(--color-text);font-size:20px;font-weight:700}.history-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.history-item__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.history-item__filename{color:var(--color-text);font-weight:600}.history-item__status{color:var(--color-primary);font-size:13px;font-weight:600}.history-item__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.job-actions{flex-direction:column;gap:8px;display:flex}.job-actions__retention{flex-direction:column;gap:2px;display:flex}.job-actions__retention-line{color:var(--color-text-muted);font-size:12px}.job-actions__buttons,.job-actions__confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.job-actions__confirm-text{color:var(--color-text);font-size:13px}@media (width<=480px){.app-header{padding:16px 20px}.app-tabs{padding:8px 16px 0}.upload-card{padding:24px 20px}}