.demo-root{--demo-accent:#0067a3;--demo-accent-light:#e8f5fb;--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:768px;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(6,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:10px 0 14px;font-size:9px;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-hr-nav{border-bottom:1px solid var(--demo-border);background:var(--demo-card-bg);grid-template-columns:repeat(3,1fr);display:grid}.mobile-hr-nav-link{border-right:1px solid var(--demo-border);min-height:42px;color:var(--demo-muted);border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.mobile-hr-nav-link:last-child{border-right:0}.mobile-hr-nav-link[data-active=true]{color:var(--demo-accent);background:var(--demo-accent-light);border-bottom-color:var(--demo-accent)}.mobile-action{border:0;border-bottom:1px solid var(--demo-border);text-align:left;cursor:pointer;width:100%;color:var(--demo-foreground);background:#fff;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px 20px;font-family:inherit;display:grid}.mobile-action[data-done=true]{background:var(--demo-accent-light)}.mobile-action[data-loading=true]{background:#fafafa}.mobile-action[data-disabled=true]{cursor:default}.mobile-action-icon{border:1px solid var(--demo-border);width:44px;height:44px;color:var(--demo-muted);background:#fff;border-radius:4px;justify-content:center;align-items:center;display:flex}.mobile-action[data-done=true] .mobile-action-icon{color:var(--demo-accent);border-color:var(--demo-accent)}.mobile-action-spin{animation:.8s linear infinite mobile-action-spin}@keyframes mobile-action-spin{to{transform:rotate(360deg)}}.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-input{border:1px solid var(--demo-border);width:100%;height:40px;color:var(--demo-foreground);background:#fff;border-radius:4px;outline:none;padding:0 12px;font-size:13px}.mobile-input:focus{border-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}.mobile-step-indicator{background:var(--demo-card-bg);border-bottom:1px solid var(--demo-border);align-items:center;padding:12px 18px;display:flex}.mobile-step-item{color:var(--demo-muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.mobile-step-num{border:1.5px solid var(--demo-border);width:24px;height:24px;color:var(--demo-muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.mobile-step-item[data-state=active]{color:var(--demo-foreground)}.mobile-step-item[data-state=active] .mobile-step-num{background:var(--demo-accent);border-color:var(--demo-accent);color:#fff}.mobile-step-item[data-state=done] .mobile-step-num{background:var(--demo-accent-light);border-color:var(--demo-accent);color:var(--demo-accent)}.mobile-step-line{background:var(--demo-border);flex:1;height:1px;margin:0 8px}.mobile-ask{color:var(--demo-foreground);font-size:20px;font-weight:900;line-height:1.3}.mobile-ask-sub{color:var(--demo-muted);margin-top:7px;font-size:13px;font-weight:700;line-height:1.55}.mobile-choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-choice{border:1px solid var(--demo-border);cursor:pointer;text-align:left;background:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:58px;padding:10px 12px;display:flex}.mobile-choice-label{color:var(--demo-foreground);font-size:14px;font-weight:800}.mobile-choice-code{color:var(--demo-muted);letter-spacing:.03em;font-size:10px;font-weight:700}.mobile-choice[data-selected=true]{border-color:var(--demo-accent);background:var(--demo-accent-light)}.mobile-choice[data-selected=true] .mobile-choice-label,.mobile-choice[data-selected=true] .mobile-choice-code{color:var(--demo-accent)}.mobile-choice:disabled{opacity:.45;cursor:not-allowed}.mobile-bigstep{border:1px solid var(--demo-border);border-radius:6px;grid-template-columns:64px 1fr 64px;align-items:center;display:grid;overflow:hidden}.mobile-bigstep-btn{cursor:pointer;height:64px;color:var(--demo-accent);background:#fff;border:0;font-size:34px;font-weight:800}.mobile-bigstep-btn[data-variant=minus]{color:var(--demo-error);border-right:1px solid var(--demo-border)}.mobile-bigstep-btn:last-child{border-left:1px solid var(--demo-border)}.mobile-bigstep-value{text-align:center;font-feature-settings:"tnum";color:var(--demo-foreground);font-size:32px;font-weight:900}.mobile-summary{background:var(--demo-border);border:1px solid var(--demo-border);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.mobile-summary>div{background:#fff;padding:14px 16px}.mobile-summary-label{color:var(--demo-muted);margin-bottom:5px;font-size:11px;font-weight:800}.mobile-summary-value{font-feature-settings:"tnum";color:var(--demo-foreground);font-size:22px;font-weight:900}.mobile-auto-card{border:1px solid var(--demo-accent);background:var(--demo-accent-light);border-radius:6px;overflow:hidden}.mobile-auto-card[data-warn=true]{border-color:var(--demo-warning);background:#fff7ed}.mobile-auto-head{color:var(--demo-accent);align-items:center;gap:7px;padding:13px 15px;font-size:14px;font-weight:900;display:flex}.mobile-auto-card[data-warn=true] .mobile-auto-head{color:#9a3412}.mobile-auto-list{background:#fff}.mobile-auto-item{border-top:1px solid var(--demo-border);color:var(--demo-foreground);justify-content:space-between;gap:10px;padding:11px 15px;font-size:13px;font-weight:700;display:flex}.mobile-auto-item span:last-child{color:var(--demo-muted);font-feature-settings:"tnum";font-weight:800}.mobile-auto-edit{border:0;border-top:1px solid var(--demo-border);width:100%;height:46px;color:var(--demo-accent);cursor:pointer;background:#fff;font-size:13px;font-weight:800}.mobile-footnav{z-index:40;background:var(--demo-card-bg);border-top:1px solid var(--demo-border);gap:10px;padding:12px 18px;display:flex;position:sticky;bottom:0}.mobile-footnav .mobile-btn{flex:1;height:54px;font-size:16px}.mobile-footnav .mobile-btn[data-variant=muted]{flex:0 0 92px}@media (max-width:480px){.mobile-shell{background:var(--demo-background)}.mobile-root{border-left:0;border-right:0;max-width:100vw}}@media (min-width:768px){.mobile-section[data-cols="2"]{grid-template-columns:1fr 1fr;align-content:start;display:grid}.mobile-section[data-cols="2"]>.mobile-section-head{grid-column:1/-1}.mobile-section[data-cols="2"]>:nth-child(2n){border-right:1px solid var(--demo-border)}}