.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1 0 auto}.app-main{width:100%;max-width:960px;margin:0 auto;padding:44px 24px 72px}.site-header{--foreground:#fefefe;--muted:#ffffffa8;--border:#ffffff17;--border-mid:#ffffff1f;--hover:#ffffff0d;color:#fefefe;background:#111;border-bottom:1px solid #ffffff1a}.site-header-inner{align-items:center;gap:28px;max-width:960px;height:56px;margin:0 auto;padding:0 24px;display:flex}.site-brand{font-family:var(--font-display,inherit);text-transform:uppercase;letter-spacing:.08em;color:#fefefe;font-size:14px;font-weight:700;text-decoration:none}.site-nav{flex:1;gap:18px;display:flex}.site-nav a{color:#ffffffa8;font-size:13px;text-decoration:none}.site-nav a.active,.site-nav a:hover{color:#fefefe}.site-account{align-items:center;gap:12px;display:flex}.site-handle{color:#ffffffa8;font-size:13px}.site-footer{border-top:1px solid var(--border-mid);width:100%;max-width:960px;color:var(--muted);flex-wrap:wrap;gap:16px;margin:0 auto;padding:20px 24px;font-size:12px;display:flex}.site-footer-note{color:var(--muted-dim,var(--muted))}.portal-loading,.empty{color:var(--muted);text-align:center;padding:48px 0}.page-head{margin-bottom:28px}.page-head h1{word-break:break-all;margin:0 0 8px;font-size:22px;font-weight:700}.facts,.quota{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.mono{font-family:var(--font-mono,monospace);font-size:12px}.quota-bar{background:var(--hover);border:1px solid var(--border-mid);width:160px;height:6px;display:inline-block}.quota-fill{background:var(--foreground);height:100%;display:block}.dropzone{border:1px dashed var(--border-strong,var(--border-mid));text-align:center;cursor:pointer;background:var(--surface,transparent);margin-bottom:28px;padding:36px 24px;transition:background .12s,border-color .12s}.dropzone:hover,.dropzone-active{border-color:var(--foreground);background:var(--hover)}.dropzone-title{margin:0 0 6px;font-size:15px;font-weight:600}.dropzone-note{color:var(--muted);margin:0;font-size:12px}.dropzone-options{cursor:default;justify-content:center;margin-top:20px;display:flex}.field-inline{align-items:center;gap:10px;display:flex}.field-inline>span{color:var(--muted);font-size:12px}.jobs{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.job{border:1px solid var(--border-mid);padding:12px 14px}.job-error{border-color:var(--danger,#c0392b)}.job-head{justify-content:space-between;gap:12px;display:flex}.job-name{word-break:break-all;font-size:13px;font-weight:600}.job-size{color:var(--muted);white-space:nowrap;font-size:12px}.job-bar{background:var(--hover);border:1px solid var(--border-mid);height:4px;margin:10px 0 6px;display:block}.job-fill{background:var(--foreground);height:100%;transition:width .2s;display:block}.job-label{color:var(--muted);word-break:break-all;margin:6px 0 0;font-size:12px}.job-error .job-label{color:var(--danger,#c0392b)}.data-table td.cell-name{text-align:left;justify-content:flex-start;align-items:center;gap:10px;display:flex}.thumb{object-fit:cover;background:var(--hover);border:1px solid var(--border-mid);flex:none;width:40px;height:40px}.thumb-empty{letter-spacing:.06em;color:var(--muted);font-size:9px;font-weight:700;font-family:var(--font-mono,monospace);justify-content:center;align-items:center;display:flex}.preview-panel{padding:0;overflow:hidden}.preview-image{object-fit:contain;background:#111;width:100%;max-height:420px;display:block}.panel{border:1px solid var(--border-mid);margin-bottom:20px;padding:20px 22px}.panel h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 14px;font-size:12px}.panel-danger{border-color:var(--danger,#c0392b)}.kv{grid-template-columns:110px 1fr;gap:8px 16px;margin:0;display:grid}.kv dt{color:var(--muted);font-size:12px}.kv dd{margin:0}.copyable{font-family:var(--font-mono,monospace);background:var(--hover);border:1px solid var(--border-mid);word-break:break-all;-webkit-user-select:all;user-select:all;padding:6px 8px;font-size:12px;display:block}.note{color:var(--muted);margin:10px 0 14px;font-size:12px}.field-error{color:var(--danger,#c0392b);margin:10px 0 0;font-size:13px}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--border-mid);background:var(--surface,transparent);width:100%;max-width:360px;padding:32px 28px}.auth-title{font-family:var(--font-display,inherit);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:18px;font-weight:700}.auth-lede{color:var(--muted);margin:0 0 22px;font-size:13px}.auth-foot{color:var(--muted);margin:16px 0 0;font-size:12px}