*{box-sizing:border-box}:root{--bg:#050505;--surface:#111;--surface2:#181818;--line:#292929;--text:#f7f7f7;--muted:#858b94;--green:#58e07a;--red:#ff746c}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{position:relative}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.auth-card{width:min(100%,480px);border:1px solid var(--line);background:rgba(17,17,17,.92);padding:38px}.auth-card.compact{width:min(100%,420px)}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #555;font-size:13px;letter-spacing:1px;margin-bottom:28px}.brand-mark.small{width:34px;height:34px;margin:0;font-size:10px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #58e07a99}h1{font-size:clamp(34px,7vw,52px);font-weight:400;letter-spacing:-2px;line-height:1;margin:18px 0}.lede{color:var(--muted);line-height:1.55;margin:0 0 28px}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:12px;color:#c9c9c9;letter-spacing:.2px}label small{color:var(--muted)}input{width:100%;border:1px solid #363636;background:#080808;color:#fff;padding:13px 14px;font:inherit;font-size:15px;border-radius:4px;outline:none;transition:border-color .15s}input:focus{border-color:#929292}button{appearance:none;border:0;border-radius:4px;background:#fff;color:#080808;font:600 14px inherit;padding:13px 18px;cursor:pointer}button:hover{background:#dedede}.fineprint{font-size:11px;color:#666;line-height:1.5;margin:22px 0 0}.alert,.success{padding:13px 14px;border:1px solid #5d302d;background:#21100f;color:#ffaaa5;font-size:13px;margin:0 0 22px}.success{border-color:#285838;background:#0b1d10;color:#80ee9a}.divider{height:1px;background:var(--line);margin:3px 0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,56px);position:relative;z-index:2}.wordmark{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:14px}.topbar nav{display:flex;align-items:center;gap:22px;font-size:12px}.topbar nav a,.text-button{color:#a8a8a8;background:none;padding:0;text-decoration:none;font:inherit}.topbar nav a:hover,.text-button:hover{color:#fff;background:none}.topbar nav form{display:block}.user{color:#5f5f5f}.viewer-shell{max-width:1500px;margin:0 auto;padding:clamp(32px,5vw,72px) clamp(18px,4vw,56px)}.viewer-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.viewer-head h1{font-size:clamp(32px,5vw,60px);margin-bottom:0}.secure-label{font-size:10px;letter-spacing:1.2px;color:#626872}.camera-frame{position:relative;background:#0b0b0b;border:1px solid var(--line);aspect-ratio:16/9;overflow:hidden}.camera-frame img{width:100%;height:100%;object-fit:contain;display:block}.camera-overlay{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:18px 20px;background:linear-gradient(transparent,#000b);font-size:10px;letter-spacing:1.1px;color:#ccc}.settings-shell{min-height:calc(100vh - 72px)}.printer-status{margin:0 0 14px;padding:18px 20px 14px;border:1px solid var(--line);background:#161718;border-radius:6px}.status-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:24px}.status-primary{display:grid;gap:12px;justify-items:start}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;background:#30343a;color:#d7dbe0;font-size:14px;line-height:1}.is-printing .status-badge{background:#0879c9;color:#fff}.status-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.75}.is-printing .status-spinner{animation:status-spin 1s linear infinite}.printer-status:not(.is-printing) .status-spinner{border-right-color:currentColor}.status-percent{color:#858b94;font-size:36px;font-weight:600;line-height:1;letter-spacing:-1.5px}.is-printing .status-percent{color:#159cf0}.status-percent small{font-size:18px;letter-spacing:0}.status-metric{display:grid;gap:4px}.status-layers{text-align:center;justify-items:center}.status-time{text-align:right;justify-items:end}.metric-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.status-metric strong{font-size:22px;font-weight:450}.status-metric small{color:var(--muted);font-size:12px}.progress-track{height:9px;margin-top:16px;border-radius:999px;background:#08090a;overflow:hidden}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#0879c9,#18a6f6);transition:width .45s ease}.printer-status:not(.is-printing) .progress-fill{width:0!important}.is-offline .status-badge,.is-offline .status-percent{color:#858b94}@keyframes status-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.status-grid{grid-template-columns:1fr 1fr;gap:16px}.status-primary{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between}.status-layers{text-align:left;justify-items:start}.status-time{text-align:right;justify-items:end}.printer-status{padding:15px}.status-percent{font-size:32px}.status-metric strong{font-size:19px}.auth-card{padding:28px 22px}.topbar{height:auto;min-height:68px;gap:14px;flex-wrap:wrap;padding-block:14px}.user{display:none}.topbar nav{gap:14px}.viewer-head{align-items:start;gap:24px}.secure-label{display:none}.camera-frame{aspect-ratio:4/3}.camera-overlay{padding:12px;font-size:8px}}