.os-ui{--os-bg:#f8fafc;--os-fg:#0f172a;--os-ink:#040404;--os-muted:#f1f5f9;--os-muted-fg:#64748b;--os-muted-fg-2:#64748b;--os-border:#e4e4e7;--os-hairline:#f1f5f9;--os-input:#94a3b8;--os-card:#fff;--os-primary:#1d3fb0;--os-primary-tint:#eaeefa;--os-primary-tint-strong:#c9d3f2;--os-selected:#eaeefa;--os-shadow:0 1px 2px 0 #0000000d;--os-safe-bg:#ecfdf5;--os-safe-fg:#047857;--os-safe-solid:#059669;--os-watch-bg:#fffbeb;--os-watch-fg:#b45309;--os-watch-solid:#d97706;--os-risk-bg:#ffebeb;--os-risk-fg:#f01f1f;--os-risk-solid:#f92e2e;--os-ink-bg:#f1f5f9;--os-ink-fg:#334155;font-family:var(--os-font-sans), "Public Sans", ui-sans-serif, system-ui, sans-serif;color:var(--os-fg);background:var(--os-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"rlig" 1, "calt" 1;text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px;line-height:1.5}.os-ui *,.os-ui :before,.os-ui :after{border-color:var(--os-border)}.os-ui h1,.os-ui h2,.os-ui h3{font-family:var(--os-font-display), "Inter", ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;color:var(--os-ink)}.os-mono{font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace}.os-display{font-family:var(--os-font-display), "Inter", ui-sans-serif, system-ui, sans-serif}.os-label{font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--os-muted-fg);font-size:10px}.os-card{background:var(--os-card);border:1px solid var(--os-border);box-shadow:var(--os-shadow)}.os-hairline{border-color:var(--os-hairline)}.os-text-muted{color:var(--os-muted-fg)}.os-text-muted-2{color:var(--os-muted-fg-2)}.os-text-ink{color:var(--os-ink)}.os-text-primary{color:var(--os-primary)}.os-bg-muted{background:var(--os-muted)}.os-bg-card{background:var(--os-card)}.os-bg-selected{background:var(--os-selected)}.os-chip{font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:2px;align-items:center;gap:4px;max-width:100%;padding:2px 6px;font-size:10px;font-weight:500;line-height:1.5;display:inline-flex}.os-chip-ink{background:var(--os-ink-bg);color:var(--os-ink-fg)}.os-chip-safe{background:var(--os-safe-bg);color:var(--os-safe-fg)}.os-chip-watch{background:var(--os-watch-bg);color:var(--os-watch-fg)}.os-chip-risk{background:var(--os-risk-bg);color:var(--os-risk-fg)}.os-chip-accent{background:var(--os-primary-tint);color:var(--os-primary)}.os-chip-inverse{background:var(--os-ink);color:#fff}.os-chip-outline{border:1px solid var(--os-border);color:var(--os-fg);background:0 0}.os-btn{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.os-btn-outline{border:1px solid var(--os-border);background:var(--os-card);color:var(--os-fg)}.os-btn-primary{background:var(--os-primary);color:#fff;position:relative;overflow:hidden}.os-btn-tertiary{background:var(--os-primary-tint);color:var(--os-primary)}.os-btn-ghost{color:var(--os-muted-fg);background:0 0}.os-kbd{border:1px solid var(--os-border);background:var(--os-muted);font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--os-muted-fg);border-radius:2px;padding:1px 4px;font-size:10px;line-height:1}.os-navrow{width:100%;height:28px;color:var(--os-muted-fg);text-align:left;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:flex;position:relative}.os-navrow-active{background:var(--os-selected);color:var(--os-primary);font-weight:600}.os-navrow-active:before{content:"";background:var(--os-primary);width:2px;position:absolute;top:0;bottom:0;left:0}.os-table{border-collapse:collapse;width:100%;font-size:13px}.os-table thead th{text-align:left;height:36px;color:var(--os-muted-fg);background:var(--os-muted);border-bottom:1px solid var(--os-border);white-space:nowrap;padding:0 12px;font-size:12px;font-weight:500}.os-table tbody td{vertical-align:top;border-bottom:1px solid var(--os-hairline);padding:10px 12px}.os-table tbody tr:last-child td{border-bottom:0}.os-tab{color:var(--os-muted-fg);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:4px 0 10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.os-tab-active{color:var(--os-fg);border-bottom-color:var(--os-fg);font-weight:600}.os-cut-corner{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.os-cut-corner-inner{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.os-perforation-top{background-image:repeating-linear-gradient(90deg, var(--os-border) 0 2px, transparent 2px 5px);background-repeat:no-repeat;background-size:100% 1px}.os-microtext{height:8px;font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.36em;white-space:nowrap;color:var(--os-input);-webkit-user-select:none;user-select:none;font-size:4.5px;line-height:8px;overflow:hidden}.os-serial{border:1px solid var(--os-border);background:var(--os-card);align-items:stretch;display:flex}.os-serial-no{border-right:1px dashed var(--os-border);font-family:var(--os-font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--os-muted-fg-2);align-items:center;padding:0 6px;font-size:10px;display:flex}.os-input{border:1px solid var(--os-border);background:var(--os-card);height:32px;color:var(--os-muted-fg-2);border-radius:2px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.os-segment{border:1px solid var(--os-border);background:var(--os-card);border-radius:2px;font-size:12px;display:inline-flex;overflow:hidden}.os-segment>span{color:var(--os-muted-fg);padding:4px 10px}.os-segment>span.os-segment-active{background:var(--os-primary);color:#fff}@keyframes os-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.os-enter,.os-enter-x{animation:.35s ease-out both os-enter}@keyframes os-fade-in{0%{opacity:0}to{opacity:1}}.os-pop{animation:.3s ease-out both os-fade-in}@keyframes os-pulse{0%,to{opacity:1}50%{opacity:.55}}.os-pulse{animation:1.6s ease-in-out infinite os-pulse}.os-ping{display:none}@keyframes os-caret{50%{opacity:0}}.os-caret:after{content:"";vertical-align:-2px;background:currentColor;width:1px;height:1em;margin-left:2px;animation:.9s step-end infinite os-caret;display:inline-block}@keyframes os-type{0%{width:0}to{width:var(--os-type-w)}}.os-type{white-space:nowrap;vertical-align:bottom;width:var(--os-type-w);animation:os-type var(--os-type-ms,.9s) steps(var(--os-type-n,12)) both;display:inline-block;overflow:hidden}@keyframes os-bar{0%{width:0}to{width:100%}}.os-bar{animation:os-bar var(--os-bar-ms,1.2s) linear both}@keyframes os-press{0%{filter:brightness()}40%{filter:brightness(.92)}to{filter:brightness()}}.os-press{animation:.35s ease-out both os-press}@keyframes os-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.os-scan{animation:1.1s linear both os-scan}.os-fade{transition:opacity .4s,transform .4s}.os-dim{opacity:.45}@media (prefers-reduced-motion:reduce){.os-enter,.os-enter-x,.os-pop,.os-pulse,.os-type,.os-bar,.os-press,.os-scan{animation:none!important}.os-caret:after{display:none}}
