:root{--background:#f6f7f9;--foreground:#17202a;--muted:#667085;--line:#d9dee7;--panel:#fff;--primary:#0f766e;--primary-strong:#115e59;--accent:#2563eb;--danger:#b42318}html{min-height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:linear-gradient(135deg, #0f766e14, transparent 34rem), linear-gradient(315deg, #2563eb14, transparent 28rem), var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}button:hover:not(:disabled){background:var(--primary-strong)}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:12px 14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e24}label{color:#344054;gap:8px;font-size:14px;font-weight:700;display:grid}.login-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel,.panel{background:#ffffffeb;border:1px solid #d9dee7f2;border-radius:8px;box-shadow:0 18px 50px #17202a14}.login-panel{gap:18px;width:min(100%,420px);padding:24px;display:grid}.login-panel h1,.topbar h1{font-size:clamp(28px,5vw,42px);line-height:1.08}.login-panel p,.empty{color:var(--muted);line-height:1.6}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.shell{width:min(1120px,100%);margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ghost-button{border:1px solid var(--line);color:var(--foreground);background:#fff}.ghost-button:hover:not(:disabled){background:#eef2f6}.layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:16px;display:grid}.panel{align-content:start;gap:18px;padding:18px;display:grid}.panel h2{font-size:18px}.inline-form{grid-template-columns:1fr auto;gap:10px;display:grid}.file-picker{min-height:136px;color:var(--foreground);cursor:pointer;text-align:center;background:#f8fafc;border:1px dashed #98a2b3;border-radius:8px;place-items:center}.file-picker input{display:none}.file-picker strong{font-size:18px}.file-picker span,.file-summary,.progress-meta,.media-row span{color:var(--muted);font-size:13px}.file-summary,.progress-meta{justify-content:space-between;gap:12px;display:flex}progress{width:100%;height:12px;accent-color:var(--primary)}.error{color:var(--danger);background:#b4231814;border:1px solid #b423183d;border-radius:8px;padding:10px 12px;line-height:1.5}.recent-panel{margin-top:16px}.media-list{gap:10px;display:grid}.media-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.media-row div{gap:4px;min-width:0;display:grid}.media-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.shell{padding:18px 12px 28px}.topbar{align-items:stretch}.layout,.media-row,.inline-form{grid-template-columns:1fr}}