.demo-studio{--demo-accent:oklch(52% .18 265);--demo-accent-ink:oklch(98% 0 0);--demo-secondary:oklch(72% .15 165);--demo-paper:oklch(100% 0 0);--demo-ground:oklch(96.5% .006 260);--demo-ink:oklch(25% .025 260);--demo-muted:oklch(50% .025 260);--demo-line:oklch(90% .013 260);--demo-rail:oklch(22% .025 260);--demo-rail-ink:oklch(94% .01 260);--demo-shadow:0 8px 24px color-mix(in oklab, var(--demo-ink) 5%, transparent);--web-navy:var(--demo-ink);--web-ink:var(--demo-ink);--web-blue:var(--demo-accent);--web-cyan:var(--demo-secondary);--web-off:var(--demo-paper);color:var(--demo-ink);background:var(--demo-ground);border:1px solid var(--demo-line);isolation:isolate;border-radius:8px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.demo-studio[data-demo=inventory]{--demo-accent:oklch(48% .12 165);--demo-secondary:oklch(78% .15 85)}.demo-studio[data-demo=logistics]{--demo-accent:oklch(49% .1 210);--demo-secondary:oklch(77% .16 80)}.demo-studio[data-demo=healthcare]{--demo-accent:oklch(50% .11 185);--demo-secondary:oklch(72% .12 330);--demo-ground:oklch(97% .008 180)}.demo-studio[data-demo=hr]{--demo-accent:oklch(50% .17 320);--demo-secondary:oklch(73% .13 70)}.demo-studio[data-demo=finance]{--demo-accent:oklch(45% .12 160);--demo-secondary:oklch(68% .13 250)}.demo-studio[data-demo=restaurant]{--demo-accent:oklch(53% .19 28);--demo-secondary:oklch(73% .15 85);--demo-ground:oklch(97.5% .005 25)}.demo-studio[data-demo=e-commerce]{--demo-accent:oklch(47% .19 280);--demo-secondary:oklch(72% .12 160)}.demo-studio[data-demo=real-estate]{--demo-accent:oklch(42% .07 220);--demo-secondary:oklch(70% .12 65)}.demo-studio[data-demo=education]{--demo-accent:oklch(53% .18 255);--demo-secondary:oklch(72% .15 90)}.demo-studio[data-demo=manufacturing]{--demo-accent:oklch(53% .13 60);--demo-secondary:oklch(70% .15 160)}.demo-studio[data-demo=construction]{--demo-accent:oklch(51% .12 80);--demo-secondary:oklch(65% .15 250)}.demo-studio[data-demo=booking]{--demo-accent:oklch(50% .16 340);--demo-secondary:oklch(68% .12 190)}.demo-studio[data-demo=marketing]{--demo-accent:oklch(51% .18 300);--demo-secondary:oklch(70% .16 30)}.demo-studio[data-demo=support]{--demo-accent:oklch(48% .14 235);--demo-secondary:oklch(70% .13 160)}.demo-studio[data-demo=ai-workflows]{--demo-accent:oklch(50% .18 280);--demo-secondary:oklch(70% .14 180);--demo-ground:oklch(95% .015 280)}.demo-studio h1,.demo-studio h2,.demo-studio h3,.demo-studio h4{letter-spacing:0;font-family:inherit}.demo-topbar{background:var(--demo-paper);border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.demo-brand{align-items:center;gap:12px;min-width:0;display:flex}.demo-brand-icon{background:var(--demo-accent);width:38px;height:38px;color:var(--demo-accent-ink);border-radius:8px;place-items:center;display:grid}.demo-top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-layout{grid-template-columns:190px minmax(0,1fr);display:grid}.demo-sidebar{background:var(--demo-rail);color:var(--demo-rail-ink);flex-direction:column;gap:8px;padding:24px 12px;display:flex}.demo-sidebar-label{text-transform:uppercase;opacity:.65;padding:0 12px 12px;font-size:10px}.demo-sidebar button{width:100%;color:inherit;white-space:normal;text-align:left;justify-content:flex-start;height:auto;min-height:42px}.demo-sidebar button[aria-selected=true]{background:var(--demo-accent);color:var(--demo-accent-ink)}.demo-sidebar-footer{opacity:.65;margin-top:auto;padding:30px 12px 8px;font-size:11px}.demo-content{min-width:0;padding:24px}.demo-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.demo-eyebrow{color:var(--demo-muted);text-transform:uppercase;font-size:10px;font-weight:700}.demo-panel{background:var(--demo-paper);border:1px solid var(--demo-line);border-radius:8px;min-width:0;padding:20px}.demo-panel-title{margin-bottom:18px;font-size:13px;font-weight:750}.demo-dashboard{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px;margin-bottom:24px;display:grid}.demo-stat{background:var(--demo-paper);border:1px solid var(--demo-line);box-shadow:var(--demo-shadow);border-radius:8px;padding:18px;position:relative;overflow:hidden}.demo-stat:before{content:"";background:var(--demo-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.demo-stat-value{overflow-wrap:anywhere;font-size:26px;font-weight:800}.demo-stat-label{color:var(--demo-muted);font-size:11px}.demo-stat-foot{color:var(--demo-accent);align-items:center;gap:5px;margin-top:12px;font-size:10px;display:flex}.demo-primary{background:var(--demo-accent);color:var(--demo-accent-ink);border:0}.demo-secondary{background:var(--demo-paper);color:var(--demo-ink);border:1px solid var(--demo-line)}.demo-studio button{cursor:pointer}.demo-studio button:focus-visible,.demo-studio a:focus-visible,.demo-studio select:focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}.demo-studio table{background:var(--demo-paper)}.demo-studio thead{background:var(--demo-ground)}.demo-studio th{white-space:nowrap;letter-spacing:0;font-size:10px}.demo-studio td{padding-top:15px;padding-bottom:15px}.demo-studio [class*=rounded-xl],.demo-studio [class*=rounded-2xl]{border-radius:8px}.demo-studio [class*=bg-gradient-to]{background-image:none}.demo-studio [class*=bg-gradient-to]:is(button){background:var(--demo-accent);color:var(--demo-accent-ink)}.demo-toolbar{background:var(--demo-paper);border:1px solid var(--demo-line);border-radius:8px;padding:14px}.demo-queue-row{border-bottom:1px solid var(--demo-line);text-align:left;align-items:center;gap:10px;width:100%;height:auto;padding:12px 0;display:flex}.demo-avatar{background:color-mix(in oklab, var(--demo-accent) 10%, var(--demo-paper));width:30px;height:30px;color:var(--demo-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.demo-map{background:var(--demo-ground);border-radius:6px;height:240px;position:relative;overflow:hidden}.demo-map svg{width:100%;height:100%}.demo-road{stroke:var(--demo-line);stroke-width:14px;fill:none}.demo-route{stroke:var(--demo-accent);stroke-width:4px;fill:none;stroke-dasharray:8 5;animation:8s linear infinite demo-route}.demo-map text{fill:var(--demo-muted);font-size:12px}.demo-map circle{fill:var(--demo-accent);stroke:var(--demo-paper);stroke-width:3px}.demo-floor{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-floor button{border:2px solid var(--demo-line);background:var(--demo-ground);height:80px;color:var(--demo-ink);flex-direction:column;display:flex}.demo-floor button[aria-pressed=true]{border-color:var(--demo-accent);background:color-mix(in oklab, var(--demo-accent) 8%, var(--demo-paper))}.demo-timeline-row{grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:grid}.demo-track{background:var(--demo-ground);border-radius:4px;height:22px;overflow:hidden}.demo-track-fill{background:var(--demo-accent);height:100%;color:var(--demo-accent-ink);border-radius:4px;justify-content:center;align-items:center;min-width:24px;font-size:10px;display:flex}.demo-product-art{background:var(--demo-ground);height:135px;color:var(--demo-accent);border-radius:6px;place-items:center;display:grid}.demo-product-art svg{stroke-width:1.2px;width:70px;height:70px}.demo-product-photo{object-fit:contain;background:var(--demo-ground);border-radius:6px;width:100%;height:160px}.demo-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.demo-directory-head{background:color-mix(in oklab, var(--demo-accent) 6%, var(--demo-paper));color:var(--demo-accent);justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.demo-dialog-overlay{z-index:70;background:color-mix(in oklab, var(--web-navy) 65%, transparent);position:fixed;inset:0}.demo-dialog-content{z-index:71;background:var(--demo-paper);width:calc(100% - 32px);max-width:480px;max-height:85dvh;padding:24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.demo-studio[data-demo=healthcare] .demo-sidebar,.demo-studio[data-demo=hr] .demo-sidebar,.demo-studio[data-demo=booking] .demo-sidebar{background:var(--demo-paper);color:var(--demo-ink);border-right:1px solid var(--demo-line)}.demo-studio[data-demo=finance] .demo-stat:first-child{background:var(--demo-accent);color:var(--demo-accent-ink)}.demo-studio[data-demo=finance] .demo-stat:first-child :is(p,svg){color:inherit}.demo-studio[data-demo=manufacturing] .demo-topbar{background:var(--demo-rail);color:var(--demo-rail-ink)}.demo-studio[data-demo=manufacturing] .demo-topbar :is(a,p){color:inherit}.demo-studio[data-demo=support] .demo-layout{grid-template-columns:150px minmax(0,1fr)}.demo-studio[data-demo=real-estate] .demo-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.demo-nodes{align-items:stretch;gap:16px;padding:18px 0;display:flex;overflow-x:auto}.demo-node{border:1px solid var(--demo-line);border-top:3px solid var(--demo-accent);background:var(--demo-paper);border-radius:8px;flex:0 0 160px;padding:18px;font-size:12px;position:relative}.demo-node:not(:last-child):after{content:"→";color:var(--demo-accent);position:absolute;top:40%;right:-14px}.demo-enter{animation:.35s ease-out demo-enter}@keyframes demo-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes demo-route{to{stroke-dashoffset:-104px}}@media (width<=1000px){.demo-layout{grid-template-columns:150px minmax(0,1fr)}.demo-dashboard,.demo-studio[data-demo=real-estate] .demo-dashboard{grid-template-columns:1fr}.demo-content{padding:18px}.demo-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.demo-directory-grid{grid-template-columns:1fr}.demo-studio[data-demo=support] .demo-layout{display:block}.demo-studio button{white-space:normal;height:auto;min-height:36px}.demo-product-photo{height:200px}.demo-layout{display:block}.demo-sidebar{flex-direction:row;padding:10px;overflow:auto}.demo-sidebar button{flex-shrink:0;width:auto;min-width:110px}.demo-sidebar-label,.demo-sidebar-footer{display:none}.demo-topbar{flex-wrap:wrap;padding:14px}.demo-content{padding:14px}.demo-top-actions{justify-content:space-between;width:100%}.demo-heading{align-items:flex-start}.demo-panel{padding:15px}.demo-stat{padding:14px}.demo-stat-value{font-size:22px}.demo-toolbar>select{max-width:100%}}@media (prefers-reduced-motion:reduce){.demo-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}