:root{--bg:#f5f7fb;--surface:#fff;--surface-muted:#eef4f8;--text:#111827;--muted:#667085;--muted-strong:#344054;--border:#d8e2ea;--brand-950:#070b24;--brand-900:#0a1240;--brand-700:#102a7a;--brand:#164cff;--brand-hover:#0f3ed1;--accent:#08a6d8;--success:#168a4a;--warning:#b86b00;--danger:#c93535;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}p{margin:0}.app-shell{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:16px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand,.top-actions,.panel-heading,.panel-heading>div,.status,.language-pill,.jobs-meta span,button{align-items:center;display:flex}.brand{gap:14px;min-width:0}.brand-logo{object-fit:contain;flex:0 0 132px;width:132px;height:42px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}h1{color:var(--text);margin:0;font-size:clamp(22px,3vw,30px);line-height:1.1}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.language-pill,.status{border:1px solid var(--border);min-height:36px;color:var(--muted-strong);white-space:nowrap;background:#fff;border-radius:8px;gap:7px;padding:0 11px;font-size:13px;font-weight:800}.language-pill{color:var(--brand-700);background:#f4f7ff;border-color:#c9d5ef}.status.online{color:var(--success);background:#f0faf4;border-color:#bfe5cf}.status.offline{color:var(--danger);background:#fff5f5;border-color:#f0c4c4}.status.checking{color:var(--muted-strong);background:#f8fafc;border-color:#d5dce6}.metrics-band{background:#eef7f8;border-bottom:1px solid #d5e2ea;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metrics-band>div{border-right:1px solid #c7dce1;flex-direction:column;justify-content:center;min-height:76px;padding:12px clamp(16px,4vw,42px);display:flex}.metrics-band>div:last-child{border-right:0}.metrics-band span{color:var(--brand-900);font-size:24px;font-weight:850}.metrics-band p{color:#566575;margin:2px 0 0;font-size:13px;font-weight:700}.workspace{grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:18px;width:min(1120px,100%);margin:0 auto;padding:clamp(16px,4vw,34px);display:grid}.client-sync-shell{width:min(540px,100%);margin:0 auto;padding:clamp(24px,9vw,68px) clamp(16px,4vw,42px)}.upload-panel,.sync-panel,.queue-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;box-shadow:0 12px 32px #1118270f}.upload-panel,.sync-panel{flex-direction:column;align-self:start;gap:15px;padding:20px;display:flex}.queue-panel{min-width:0;padding:20px}.panel-heading{color:var(--brand);gap:10px}.panel-heading h2{color:var(--text);margin:0;font-size:18px;line-height:1.2}.panel-heading.split{justify-content:space-between;gap:14px}.panel-heading.split>div{gap:10px}.panel-copy{color:var(--muted);font-size:14px;line-height:1.5}.file-drop{min-height:156px;color:var(--accent);text-align:center;cursor:pointer;background:#f3fafb;border:1px dashed #88aebc;border-radius:8px;place-items:center;gap:7px;padding:18px;display:grid}.file-drop:hover{border-color:var(--accent);background:#edf8fa}.file-drop input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-drop span{max-width:100%;color:var(--text);overflow-wrap:anywhere;font-weight:800}.file-drop small{color:var(--muted)}.form-grid{grid-template-columns:minmax(0,1fr) 108px;gap:10px;display:grid}label span,.readonly-field span{color:var(--muted-strong);margin-bottom:6px;font-size:12px;font-weight:800;display:block}input{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 12px}input:focus{border-color:var(--brand);outline:3px solid #0e65a629}.readonly-field{border:1px solid var(--border);background:#fafafa;border-radius:8px;min-height:68px;padding:9px 11px}.readonly-field strong{color:var(--text);font-size:14px;line-height:1.2;display:block}.readonly-field small{color:var(--muted)}button{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;gap:8px;font-weight:850}button:disabled{cursor:not-allowed;opacity:.56}.primary-button{color:#fff;background:var(--brand);width:100%;box-shadow:0 10px 22px #0a4a782e}.primary-button:hover:not(:disabled){background:var(--brand-hover)}.ghost-button{color:var(--brand-700);background:#f7faff;border:1px solid #c2d0e7;padding:0 12px}.install-button{color:#09663a;background:#f1fbf5;border-color:#bde5d0}.icon-button{width:40px;color:var(--brand);border:1px solid var(--border);background:#fff;flex:0 0 40px}.message{min-height:22px;color:var(--muted-strong);margin:0;font-size:14px;line-height:1.45}.message.success{color:var(--success)}.message.error{color:var(--danger)}.jobs-meta{color:var(--muted);justify-content:space-between;gap:12px;margin:10px 0 14px;font-size:13px;display:flex}.jobs-meta p{min-width:0}.jobs-meta span{white-space:nowrap;flex:none;gap:5px}.filter-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.filter-tabs button{min-height:36px;color:var(--muted-strong);border:1px solid var(--border);background:#fff;padding:0 8px;font-size:13px}.filter-tabs button.active{color:#fff;border-color:var(--brand);background:var(--brand)}.job-list{gap:10px;display:grid}.job-list.loading{opacity:.72}.job-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;padding:13px;display:grid}.job-main{min-width:0}.job-main h3{color:var(--text);overflow-wrap:anywhere;margin:0 0 5px;font-size:14px;line-height:1.25}.job-main p,.job-main small,.job-side time{color:var(--muted);font-size:12px;line-height:1.35}.job-main small{color:var(--danger);overflow-wrap:anywhere;margin-top:4px;display:block}.job-side{justify-items:end;gap:6px;display:grid}.job-status{color:#51606f;background:#edf1f3;border-radius:8px;justify-content:center;align-items:center;min-width:104px;min-height:30px;padding:0 9px;font-size:12px;font-weight:850;display:inline-flex}.job-status.printed{color:var(--success);background:#e7f7ed}.job-status.failed,.job-status.canceled{color:var(--danger);background:#fff0f0}.job-status.printing,.job-status.downloading{color:var(--warning);background:#fff6df}.job-status.pending,.job-status.queued,.job-status.downloaded{color:var(--brand-700);background:#eef4ff}.empty-state{min-height:210px;color:var(--muted);border:1px dashed var(--border);text-align:center;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:9px;padding:20px;display:grid}.empty-state strong{color:var(--text)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:stretch;width:100%}.status,.ghost-button{flex:auto}.workspace{grid-template-columns:1fr}}@media (width<=600px){.brand-logo{flex-basis:118px;width:118px;height:38px}.metrics-band{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-band>div{min-height:68px;padding:10px 12px}.metrics-band span{font-size:21px}.metrics-band p{font-size:12px}.form-grid,.job-row,.jobs-meta{grid-template-columns:1fr}.form-grid,.jobs-meta{display:grid}.filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.job-side{justify-items:stretch}.job-status{width:100%}}@media (width<=420px){.top-actions{grid-template-columns:1fr 1fr;display:grid}.status{grid-column:1/-1}.metrics-band{grid-template-columns:1fr}.metrics-band>div{border-bottom:1px solid #c7dce1;border-right:0}.metrics-band>div:last-child{border-bottom:0}}