.demo-root{--demo-accent:#0e5f73;--demo-accent-light:#e6f3f6;--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}.demo-scrollbar{scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.demo-scrollbar::-webkit-scrollbar{width:8px;height:8px}.demo-scrollbar::-webkit-scrollbar-thumb{background:#d4d4d4}.demo-scrollbar::-webkit-scrollbar-track{background:0 0}.demo-shell{height:100vh;display:flex;overflow:hidden}.demo-main{background:var(--demo-background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.demo-sidebar{background:var(--demo-sidebar-bg);border-right:1px solid var(--demo-border);flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex}.demo-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.mobile-only{display:none}.responsive-check-layout{flex:1;grid-template-columns:minmax(320px,420px) 1fr;min-height:0;display:grid;overflow:hidden}@media (max-width:767px){.demo-shell{flex-direction:column;height:100dvh}.demo-sidebar{border-right:0;border-bottom:1px solid var(--demo-border);width:100%;min-width:0;height:auto}.demo-sidebar-nav{gap:4px;padding:8px;display:flex;overflow:auto hidden}.desktop-only{display:none!important}.mobile-only{display:flex}.demo-main{min-height:0}.responsive-check-layout{grid-template-columns:1fr}}.mobile-shell{background:#f4f5f7;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:420px;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:10px 0 14px;font-size:10px;font-weight:600;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-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-disabled=true]{cursor:default;color:var(--demo-muted)}.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)}@media (max-width:480px){.mobile-shell{background:var(--demo-background)}.mobile-root{border-left:0;border-right:0;max-width:100vw}}