.demo-root{--demo-accent:#1b2a4a;--demo-accent-light:#e8edf5;--demo-background:#fff;--demo-foreground:#0a0a0a;--demo-muted:#666;--demo-border:#eaeaea;--demo-card-bg:#fff;--demo-sidebar-bg:#fafafa;--demo-sidebar-active:#e8e8e8;--demo-table-header:#fafafa;--demo-success:#10b981;--demo-warning:#f5a623;--demo-error:#e00}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.mobile-shell{background:#eef0f3;justify-content:center;align-items:stretch;width:100vw;height:100vh;display:flex;overflow:hidden}.mobile-root{background:var(--demo-background);border-left:1px solid var(--demo-border);border-right:1px solid var(--demo-border);flex-direction:column;width:100%;max-width:440px;height:100%;display:flex;overflow:hidden}.mobile-main{background:var(--demo-background);flex:1;min-height:0;overflow-y:auto}.mobile-tabbar{border-top:1px solid var(--demo-border);background:var(--demo-card-bg);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.mobile-tab{color:var(--demo-muted);border-right:1px solid var(--demo-border);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 0 16px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.mobile-tab:last-child{border-right:0}.mobile-tab[data-active=true]{color:var(--demo-accent);background:var(--demo-accent-light)}.mobile-tab-icon{width:22px;height:22px}.mobile-section{border-bottom:1px solid var(--demo-border);background:var(--demo-card-bg)}.mobile-section-head{color:var(--demo-muted);border-bottom:1px solid var(--demo-border);background:var(--demo-table-header);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:12px 18px;font-size:11px;font-weight:700;display:flex}.mobile-row{border-bottom:1px solid var(--demo-border);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.mobile-row:last-child{border-bottom:0}.mobile-btn{border:1px solid var(--demo-accent);background:var(--demo-accent);color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.mobile-btn[data-variant=ghost]{color:var(--demo-accent);background:#fff}.mobile-btn[data-variant=muted]{color:var(--demo-muted);border-color:var(--demo-border);background:#f4f5f7}.mobile-btn[data-variant=success]{background:var(--demo-success);border-color:var(--demo-success);color:#fff}.mobile-btn[data-variant=warn]{background:var(--demo-warning);border-color:var(--demo-warning);color:#fff}.mobile-btn[data-variant=danger]{background:var(--demo-error);border-color:var(--demo-error);color:#fff}.mobile-btn[data-block=true]{width:100%;height:48px;font-size:15px}.mobile-btn:disabled{cursor:not-allowed;opacity:.55}.mobile-stepper{border:1px solid var(--demo-border);border-radius:4px;grid-template-columns:1fr 1fr 1fr;gap:0;display:grid;overflow:hidden}.mobile-stepper-btn{height:96px;color:var(--demo-accent);cursor:pointer;border:0;border-right:1px solid var(--demo-border);background:#fff;font-size:56px;font-weight:800}.mobile-stepper-btn:last-child{border-right:0}.mobile-stepper-btn[data-variant=minus]{color:var(--demo-error)}.mobile-stepper-value{color:var(--demo-foreground);font-feature-settings:"tnum";border-right:1px solid var(--demo-border);justify-content:center;align-items:center;font-size:44px;font-weight:800;display:flex}.mobile-scan-card{color:#fff;border-bottom:1px solid var(--demo-border);text-align:center;background:linear-gradient(135deg,#0f3d3e 0%,#1a6b6c 100%);margin:0;padding:32px 18px 36px}.mobile-scan-icon{background:#ffffff14;border:2px dashed #fff9;border-radius:8px;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 16px;display:flex}.mobile-photo-tile{border:2px dashed var(--demo-border);width:100%;height:140px;color:var(--demo-muted);cursor:pointer;background:#fafafa;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.mobile-photo-tile[data-attached=true]{border-style:solid;border-color:var(--demo-accent);background:var(--demo-accent-light);color:var(--demo-accent)}.mobile-toast{color:#fff;z-index:60;white-space:nowrap;background:#0f3d3ef2;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000026}.mobile-chip{color:var(--demo-muted);background:#f1f4f6;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.mobile-chip[data-tone=accent]{background:var(--demo-accent-light);color:var(--demo-accent)}.mobile-chip[data-tone=warn]{color:#b45309;background:#fff3da}.mobile-chip[data-tone=error]{color:#b91c1c;background:#fde2e2}.mobile-chip[data-tone=success]{color:#047857;background:#dcfce7}@media (max-width:480px){.mobile-shell{background:var(--demo-background)}.mobile-root{border-left:0;border-right:0;max-width:100vw}}