:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#0b57d0;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d3e3fd;--md-sys-color-on-primary-container:#041e49;--md-sys-color-secondary:#00639b;--md-sys-color-tertiary:#146c2e;--md-sys-color-error-container:#ffdad6;--md-sys-color-surface:#fff;--md-sys-color-surface-container-low:#f3f4f6;--md-sys-color-surface-container:#eef2f7;--md-sys-color-surface-container-high:#e7edf7;--md-sys-color-on-surface:#111827;--md-sys-color-on-surface-variant:#4b5563;--md-sys-color-outline:#cbd5e1;--app-space-2:.5rem;--app-space-3:.75rem;--app-space-4:1rem;--app-space-5:1.25rem;--app-space-6:1.5rem;--app-space-8:2rem;--app-space-10:2.5rem;--app-radius-card:12px;--app-radius-icon:18px;--app-radius-shell:28px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-family:Fira Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,a,textarea{font:inherit}button,a.filled-button{cursor:pointer;border:0;border-radius:999px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}h1,h2,h3,p{margin-top:0}.public-shell,.workspace{gap:var(--app-space-6);display:grid}.public-shell{max-width:1220px;padding:var(--app-space-8);margin:0 auto}.dashboard-shell,.admin-shell{min-height:100vh;display:grid}.dashboard-shell{grid-template-columns:96px 1fr}.admin-shell{grid-template-columns:280px 1fr}.workspace{padding:var(--app-space-8)}.top-app-bar,.workspace-topbar,.brand-block,.app-detail-head{align-items:center;gap:var(--app-space-4);display:flex}.top-app-bar,.workspace-topbar{justify-content:space-between}.brand-block{align-items:center}.brand-mark,.app-icon{background:var(--md-sys-color-primary-container);border-radius:var(--app-radius-icon);color:var(--md-sys-color-on-primary-container);place-items:center;font-weight:800;display:grid}.brand-mark{width:44px;height:44px}.app-icon{flex:none;width:56px;height:56px;font-size:1.4rem}.app-icon.large{width:88px;height:88px;font-size:2rem}.eyebrow{color:var(--md-sys-color-secondary);letter-spacing:.08em;margin:0 0 var(--app-space-2);text-transform:uppercase;font-size:.78rem;font-weight:800}.api-pill,.metadata-row span{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);border-radius:999px;padding:.4rem .75rem}.search-field{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);align-items:center;gap:var(--app-space-3);min-width:min(420px,45vw);min-height:52px;padding:0 var(--app-space-4);border-radius:999px;display:flex}.search-field span{color:var(--md-sys-color-on-surface-variant);font-weight:700}.search-field input,.form-panel input,.form-panel textarea{background:0 0;border:0;width:100%;min-width:0}.filled-button{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.2rem;text-decoration:none;display:inline-flex}.tonal-button{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);min-height:44px;padding:.75rem 1.1rem}.text-button{color:var(--md-sys-color-primary);background:0 0;min-height:44px;padding:.75rem 1rem}.filled-button:disabled,.tonal-button:disabled{cursor:wait;opacity:.68}.topbar-actions,.button-row{align-items:center;gap:var(--app-space-2);flex-wrap:wrap;justify-content:end;display:flex}.route-nav{gap:var(--app-space-2);display:flex}.route-nav.tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);padding:var(--app-space-2);border-radius:999px;flex-wrap:wrap}.route-nav.rail,.route-nav.drawer{display:grid}.route-nav.rail{justify-items:center}.route-nav.drawer{align-content:start}.route-nav button{color:var(--md-sys-color-on-surface-variant);background:0 0;min-height:44px;padding:.75rem 1rem}.route-nav button.active,.route-nav button[aria-current=page]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.rail,.drawer{background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline);gap:var(--app-space-6);padding:var(--app-space-5);display:grid}.rail{align-content:start;justify-items:center}.drawer{align-content:start}.auth-shell{grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);min-height:100vh;display:grid}.auth-poster,.auth-card{gap:var(--app-space-6);padding:clamp(2rem,6vw,5rem);display:grid}.auth-poster{background:var(--md-sys-color-primary-container);align-content:center}.auth-card{align-content:center}.surface-panel{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--app-radius-shell);gap:var(--app-space-6);padding:var(--app-space-6);display:grid}.hero-panel{background:linear-gradient(135deg, #d3e3fd85, transparent 46%), var(--md-sys-color-surface)}.section-heading{max-width:760px}.section-heading p,.app-card p,.review-item p,.bento-grid p{color:var(--md-sys-color-on-surface-variant)}.app-grid{gap:var(--app-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.status-banner,.empty-state{border-radius:var(--app-radius-card);padding:var(--app-space-4)}.status-banner{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);margin:0;font-weight:800}.status-banner.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-surface)}.empty-state{background:var(--md-sys-color-surface-container-low);border:1px dashed var(--md-sys-color-outline)}.app-card,.review-item,.bento-grid article{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline);border-radius:var(--app-radius-card);gap:var(--app-space-3);padding:var(--app-space-4);display:grid}.app-card{grid-template-columns:auto 1fr}.metadata-row{gap:var(--app-space-2);flex-wrap:wrap;display:flex}.detail-panel{gap:var(--app-space-5)}.app-detail-head{grid-template-columns:auto 1fr auto;align-items:start;display:grid}.screenshot-rail{gap:var(--app-space-4);grid-template-columns:repeat(3,1fr);display:grid}.screenshot-rail div{aspect-ratio:16/9;background:var(--md-sys-color-surface-container-high);border-radius:var(--app-radius-card)}.version-list,.flow-list{gap:var(--app-space-3);padding-left:var(--app-space-6);margin:0;display:grid}.version-list li{align-items:center;gap:var(--app-space-3);flex-wrap:wrap;display:flex}.form-panel label{color:var(--md-sys-color-on-surface-variant);gap:var(--app-space-2);font-weight:700;display:grid}.auth-form,.sign-in-gate{align-content:start}.helper-text,.sign-in-gate p{color:var(--md-sys-color-on-surface-variant)}.form-panel input,.form-panel select,.form-panel textarea{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline);min-height:48px;padding:0 var(--app-space-4);border-radius:14px}.form-panel select{color:var(--md-sys-color-on-surface)}.form-panel textarea{min-height:132px;padding:var(--app-space-3) var(--app-space-4);resize:vertical}.tag-picker{border:1px solid var(--md-sys-color-outline);gap:var(--app-space-2);padding:var(--app-space-4);border-radius:16px;flex-wrap:wrap;margin:0;display:flex}.tag-picker legend{color:var(--md-sys-color-on-surface-variant);padding:0 var(--app-space-2);font-weight:800}.tag-picker label{background:var(--md-sys-color-surface);align-items:center;gap:var(--app-space-2);border-radius:999px;min-height:44px;padding:.55rem .8rem;display:flex}.upload-workbench{gap:var(--app-space-5);display:grid}.upload-steps{gap:var(--app-space-2);flex-wrap:wrap;display:flex}.upload-steps span{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);border-radius:999px;min-height:44px;padding:.7rem 1rem;font-weight:800}.upload-steps span.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.upload-grid{gap:var(--app-space-4);grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);display:grid}.drop-card,.upload-card,.upload-progress-panel,.upload-result,.sticky-action-bar{border:1px solid var(--md-sys-color-outline);border-radius:var(--app-radius-card)}.drop-card,.upload-card{background:var(--md-sys-color-surface-container-low);gap:var(--app-space-4);padding:var(--app-space-5);display:grid}.drop-card{cursor:pointer;border-style:dashed;place-content:center;min-height:220px}.drop-card:hover,.media-slot:hover{background:var(--md-sys-color-primary-container)}.drop-card input,.media-slot input{opacity:0;width:1px;height:1px;position:absolute}.primary-drop{background:linear-gradient(135deg, #d3e3fdb8, #e6f4eaa3), var(--md-sys-color-surface-container-low)}.upload-card label{color:var(--md-sys-color-on-surface-variant);gap:var(--app-space-2);font-weight:800;display:grid}.media-card{align-content:start}.session-card{align-content:center}.session-card strong{color:var(--md-sys-color-primary);font-size:1.15rem}.session-card small{color:var(--md-sys-color-on-surface-variant)}.media-slot{background:var(--md-sys-color-surface);border:1px dashed var(--md-sys-color-outline);cursor:pointer;gap:var(--app-space-2);min-height:120px;padding:var(--app-space-4);border-radius:18px;display:grid;position:relative}.screenshots-slot{min-height:160px}.upload-progress-panel,.upload-result,.sticky-action-bar{background:var(--md-sys-color-surface);align-items:center;gap:var(--app-space-4);padding:var(--app-space-4);justify-content:space-between;display:flex}.upload-progress-panel progress{accent-color:var(--md-sys-color-primary);width:42%;min-width:min(360px,40vw)}.upload-result{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.error-banner{background:var(--md-sys-color-error-container);padding:var(--app-space-4);border-radius:16px;font-weight:800}.sticky-action-bar{bottom:var(--app-space-4);position:sticky;box-shadow:0 18px 60px #0f172a24}.bento-grid{gap:var(--app-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.operations-dashboard,.backup-panel{gap:var(--app-space-5);display:grid}.backup-panel-header{align-items:start;gap:var(--app-space-4);justify-content:space-between;display:flex}.backup-action{color:var(--md-sys-color-on-surface-variant);align-items:end;gap:var(--app-space-2);justify-items:end;display:grid}.backup-run-list{gap:var(--app-space-3);display:grid}.backup-run-item{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline);border-radius:var(--app-radius-card);align-items:start;gap:var(--app-space-3);padding:var(--app-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.backup-run-item h4,.backup-run-item p{margin:0}.backup-run-item p,.backup-action span{color:var(--md-sys-color-on-surface-variant)}.status-pill.completed{color:#09572a;background:#d9f5e3}.status-pill.failed{background:var(--md-sys-color-error-container);color:#7f1d1d}.status-pill.running{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.metric-grid{gap:var(--app-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline);border-radius:var(--app-radius-card);gap:var(--app-space-2);padding:var(--app-space-4);display:grid}.metric-card p,.metric-card span{color:var(--md-sys-color-on-surface-variant)}.metric-card p{margin:0;font-weight:800}.metric-card strong{color:var(--md-sys-color-primary);font-size:clamp(1.5rem,4vw,2.4rem);line-height:1}.review-list{gap:var(--app-space-4);display:grid}@media (width<=860px){.public-shell,.workspace{padding:var(--app-space-4)}.top-app-bar,.workspace-topbar,.app-detail-head{grid-template-columns:1fr;align-items:stretch}.top-app-bar,.workspace-topbar{display:grid}.topbar-actions,.backup-action,.button-row{justify-content:start}.dashboard-shell,.admin-shell,.auth-shell{grid-template-columns:1fr}.rail,.drawer{border-right:0;border-bottom:1px solid var(--md-sys-color-outline)}.route-nav.rail,.route-nav.drawer{flex-wrap:wrap;justify-content:start;display:flex}.screenshot-rail,.upload-grid,.backup-panel-header,.backup-run-item,.upload-progress-panel,.sticky-action-bar,.upload-grid,.backup-panel-header{grid-template-columns:1fr}.backup-panel-header,.upload-progress-panel,.sticky-action-bar{align-items:stretch;display:grid}.backup-action{justify-items:start}.upload-progress-panel progress{width:100%;min-width:0}}