:root{color-scheme:dark;--ah-bg:#07090d;--ah-bg-elev:#0a0d13;--ah-bg-blur:rgba(10,13,19,0.82);--ah-glow-1:rgba(124,58,237,0.26);--ah-glow-2:rgba(37,99,235,0.14);--ah-grid:rgba(230,233,239,0.04);--ah-surface:rgba(255,255,255,0.035);--ah-surface-2:#12161f;--ah-surface-3:#0d1118;--ah-surface-btn:#151b26;--ah-surface-hover:rgba(255,255,255,0.06);--ah-line:#1e2532;--ah-line-2:#232b3a;--ah-line-3:#2b3446;--ah-line-4:#3a4356;--ah-fg:#e6e9ef;--ah-fg-strong:#ffffff;--ah-fg-soft:#dfe4ec;--ah-muted:#8b93a1;--ah-dim:#5c6470;--ah-accent:#7c3aed;--ah-accent-ink:#a78bfa;--ah-accent-ink-2:#c4b5fd;--ah-accent-wash:rgba(124,58,237,0.14);--ah-accent-line:rgba(124,58,237,0.35);--ah-accent-edge:rgba(124,58,237,0.22);--ah-ok:#6ee7b7;--ah-warn:#fcd34d;--ah-danger:#fca5a5;--ah-paper:#ffffff;--ah-shade-1:rgba(12,15,20,0.5);--ah-shade-2:rgba(7,9,13,0.95);--ah-shadow-page:-28px 38px 80px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.06),-8px 0 56px rgba(124,58,237,0.18);--ah-shadow-card:0 12px 40px rgba(0,0,0,0.5);--ah-shadow-doc:0 30px 80px rgba(0,0,0,0.52),0 0 0 1px rgba(255,255,255,0.08);--ah-panel-shadow:rgba(0,0,0,0.38);--ah-shadow-accent:0 6px 26px rgba(124,58,237,0.45)}:root[data-theme=light]{color-scheme:light;--ah-bg:#f5f6fb;--ah-bg-elev:#ffffff;--ah-bg-blur:rgba(255,255,255,0.86);--ah-glow-1:rgba(124,58,237,0.1);--ah-glow-2:rgba(37,99,235,0.07);--ah-grid:rgba(15,23,42,0.045);--ah-surface:#ffffff;--ah-surface-2:#ffffff;--ah-surface-3:#f4f6fb;--ah-surface-btn:#ffffff;--ah-surface-hover:rgba(15,23,42,0.05);--ah-line:#e4e7f0;--ah-line-2:#e4e7f0;--ah-line-3:#d2d8e6;--ah-line-4:#b9c1d4;--ah-fg:#1c2130;--ah-fg-strong:#0a0f1c;--ah-fg-soft:#333b4d;--ah-muted:#5a6274;--ah-dim:#79819a;--ah-accent:#6d28d9;--ah-accent-ink:#6d28d9;--ah-accent-ink-2:#7c3aed;--ah-accent-wash:rgba(124,58,237,0.09);--ah-accent-line:rgba(124,58,237,0.3);--ah-accent-edge:rgba(124,58,237,0.16);--ah-ok:#047857;--ah-warn:#92600a;--ah-danger:#b91c1c;--ah-paper:#ffffff;--ah-shade-1:rgba(15,23,42,0.12);--ah-shade-2:rgba(15,23,42,0.06);--ah-shadow-page:-18px 26px 54px rgba(15,23,42,0.18),0 0 0 1px rgba(15,23,42,0.08),-8px 0 46px rgba(124,58,237,0.1);--ah-shadow-card:0 10px 30px rgba(15,23,42,0.12);--ah-shadow-doc:0 24px 60px rgba(15,23,42,0.16),0 0 0 1px rgba(15,23,42,0.08);--ah-panel-shadow:rgba(15,23,42,0.18);--ah-shadow-accent:0 6px 22px rgba(124,58,237,0.28)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:var(--ah-fg);background:var(--ah-bg)}.lab-root{display:flex;flex-direction:column;height:100vh;min-height:0}.lab-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--ah-bg-elev);border-bottom:1px solid var(--ah-line)}.lab-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.lab-title small{font-weight:500;color:var(--ah-muted);margin-left:6px;font-size:12px}.lab-btn{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--ah-line-3);border-radius:7px;background:var(--ah-surface-btn);color:var(--ah-fg);cursor:pointer}.lab-btn:hover{background:var(--ah-surface-hover)}.lab-spacer{flex:1 1}svg.lucide{vertical-align:-.16em;flex:none}.lab-ai .a span,.lab-ai .loc,.lab-gh-link,.lab-hero-dev a{display:inline-flex;align-items:center;gap:4px}.ah-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;padding:0;font-size:14px;line-height:1;border:1px solid var(--ah-line-3);border-radius:8px;background:var(--ah-surface-btn);color:var(--ah-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.ah-theme-toggle:hover{color:var(--ah-accent-ink);border-color:var(--ah-accent-line);background:var(--ah-accent-wash)}.ah-theme-ic{display:inline-flex}.ah-theme-ic-moon,:root[data-theme=light] .ah-theme-ic-sun{display:none}:root[data-theme=light] .ah-theme-ic-moon{display:inline-flex}.lab-theme-float{position:fixed;top:14px;right:16px;z-index:30}.lab-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.lab-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.lab-badge-loading{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.lab-badge-mock{color:#92600a;background:#fef3c7;border-color:#fde68a}.lab-badge-live{color:#166534;background:#dcfce7;border-color:#bbf7d0}.lab-status{font-size:12px;color:var(--ah-muted)}.lab-status-busy{color:var(--ah-accent-ink)}.lab-cancel-open{margin-left:8px;font-size:12px;padding:2px 8px}.lab-error{margin:10px 16px 0;padding:12px 14px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;line-height:1.5;white-space:pre-wrap}.lab-body{flex:1 1;min-height:0;position:relative}.lab-empty{flex-direction:column;gap:18px;justify-content:center;height:100%;color:var(--ah-muted);font-size:14px;text-align:center;padding:24px}.lab-empty,.lab-notice{display:flex;align-items:center}.lab-notice{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;gap:12px;justify-content:space-between}.lab-notice-close{flex:none;font-size:12px;padding:4px 10px}.lab-recovery{display:flex;align-items:center;gap:16px;max-width:640px;padding:14px 16px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;text-align:left;font-size:13px;line-height:1.5}.lab-recovery small{color:#b45309}.lab-recovery-actions{display:flex;flex:none;gap:8px}.lab-btn-accent{background:#d97706;border-color:#d97706;color:#fff;font-weight:600}.lab-btn-accent:hover{background:#b45309}.lab-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ah-bg) 78%,transparent);z-index:5;font-size:14px;color:var(--ah-fg)}.lab-note{font-size:11px;color:var(--ah-muted)}.lab-hero{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:620px;text-align:center;padding:28px}.lab-hero-title{font-size:28px;font-weight:800;color:var(--ah-fg-strong);margin:0;letter-spacing:-.5px}.lab-hero-sub{font-size:14px;line-height:1.7;margin:0}.lab-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.lab-hero-open{font-size:14px;padding:10px 18px}.lab-sample-btn{font-size:13px}.lab-hero-note{font-size:12px;margin:0;opacity:.85}.lab-hero-dev{font-size:12px;margin-top:10px;padding-top:14px;border-top:1px solid var(--ah-line)}.lab-hero-dev code{font-size:12px;padding:2px 6px;border-radius:4px;background:var(--ah-surface-hover)}.lab-hero-dev a{color:inherit;text-decoration:underline}.lab-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;width:100%;margin-top:8px;text-align:left}@media (max-width:640px){.lab-features{grid-template-columns:1fr}}.lab-feature{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--ah-line);border-radius:10px;background:var(--ah-surface);font-size:12px;line-height:1.55}.lab-feature b{font-size:13px}.lab-feature code{font-size:11px;padding:1px 4px;border-radius:3px;background:var(--ah-accent-wash)}.lab-hero-dev{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lab-gh-link{font-size:12px;padding:4px 10px;border:1px solid var(--ah-line-3);border-radius:6px;color:inherit;text-decoration:none}.lab-gh-link:hover{background:var(--ah-surface-hover)}.lab-demo{background:var(--ah-bg);color:var(--ah-fg)}.lab-root.lab-landing{height:auto;min-height:100vh}.lab-landing .lab-body{min-height:100vh}.lab-landing .lab-empty{height:auto;justify-content:flex-start;padding:2vh 0 6vh}.lab-demo .lab-body{background:var(--ah-bg);background-image:repeating-linear-gradient(0deg,transparent 0 43px,var(--ah-grid) 43px 44px),radial-gradient(900px 900px at 85% -10%,var(--ah-glow-1),transparent 60%),radial-gradient(640px 640px at -8% 110%,var(--ah-glow-2),transparent 60%)}.lab-root.lab-demo .lab-header{background:var(--ah-bg-elev);border-bottom:1px solid var(--ah-accent-edge);color:var(--ah-fg)}.lab-root.lab-demo .lab-header .lab-title{color:var(--ah-fg-strong)}.lab-root.lab-demo .lab-header .lab-btn{background:var(--ah-surface-hover);border-color:var(--ah-line-3);color:var(--ah-fg-soft)}.lab-demo .lab-header .lab-title small{color:var(--ah-muted)}.lab-root.lab-demo .lab-header{min-height:38px;flex-wrap:nowrap;padding:6px 12px;gap:9px}.lab-root.lab-demo .lab-header .lab-title{white-space:nowrap}.lab-root.lab-demo .lab-header .lab-btn{padding:5px 10px;white-space:nowrap}.lab-hbtn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:1;color:var(--ah-fg-soft);background:transparent;border-color:transparent;border-radius:8px;transition:background .12s ease,border-color .12s ease,color .12s ease}.lab-hbtn:hover{color:var(--ah-fg-strong);background:var(--ah-surface-hover);border-color:var(--ah-line-3)}.lab-hbtn svg{flex:0 0 auto;opacity:.8}.lab-hbtn:hover svg{opacity:1}.lab-root.lab-demo .lab-header .lab-btn.lab-hbtn{background:transparent;border-color:transparent;color:var(--ah-fg-soft)}.lab-root.lab-demo .lab-header .lab-btn.lab-hbtn:hover{background:var(--ah-surface-hover);border-color:var(--ah-line-3);color:var(--ah-fg-strong)}.lab-root.lab-demo .hw-workspace .hw-brand{display:none}.lab-demo .lab-gh-link{color:var(--ah-accent-ink)}.lab-demo .lab-hero{max-width:1180px;text-align:left;gap:0}.lab-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy stage" "ways stage";grid-gap:24px 24px;gap:24px 24px;align-items:center}.lab-hero-copy{grid-area:copy}.lab-ways-block{grid-area:ways;min-width:0}.lab-stage{grid-area:stage}.lab-kicker{font-size:13.5px;letter-spacing:5px;color:var(--ah-muted)}.lab-kicker b{color:var(--ah-accent-ink)}.lab-demo .lab-hero-title{display:flex;align-items:center;margin:14px 0 0}.lab-mark{font-size:74px;font-weight:800;letter-spacing:-2px;line-height:1.05;background:linear-gradient(115deg,#ffffff 55%,#c4b5fd 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 22px rgba(124,58,237,.28))}:root[data-theme=light] .lab-mark{background:linear-gradient(115deg,#0a0f1c 45%,#6d28d9 95%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 18px rgba(124,58,237,.16))}.lab-caret{width:14px;height:58px;margin-left:12px;border-radius:3px;background:linear-gradient(180deg,var(--ah-accent-ink),#6d28d9);box-shadow:0 0 28px rgba(124,58,237,.8);animation:lab-blink 1.9s cubic-bezier(.4,0,.2,1) infinite}@keyframes lab-blink{0%,42%{opacity:1}58%,72%{opacity:.18}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lab-caret{animation:none;opacity:.85}}.lab-tagline{font-size:22px;font-weight:700;color:var(--ah-fg-strong);margin:18px 0 0}.lab-demo .lab-hero-sub{color:var(--ah-muted);font-size:14.5px;line-height:1.75;margin-top:10px}.lab-demo .lab-hero-sub b{color:var(--ah-fg-soft)}.lab-demo .lab-hero-actions{justify-content:flex-start;margin-top:18px}.lab-demo .lab-btn-accent{background:var(--ah-accent);border-color:var(--ah-accent);color:#fff;box-shadow:var(--ah-shadow-accent)}.lab-demo .lab-sample-btn{background:var(--ah-surface-btn);border:1px solid var(--ah-line-3);color:var(--ah-fg-soft)}.lab-ways{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:22px}@media (max-width:780px){.lab-ways{grid-template-columns:1fr}}.lab-demo .lab-way{display:flex;flex-direction:column;background:var(--ah-surface);border:1px solid var(--ah-line);border-radius:14px;padding:18px 20px 19px}.lab-demo .lab-way .n{font-size:19px;font-weight:700;color:var(--ah-fg-strong);letter-spacing:-.3px}.lab-demo .lab-way p{font-size:13.5px;line-height:1.7;color:var(--ah-muted);margin:9px 0 0}.lab-way-actions{display:flex;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:18px}.lab-demo .lab-way-actions .lab-btn{padding:12px 22px;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none}.lab-demo .lab-way-note{font-size:12px;color:var(--ah-dim);margin:10px 0 0;line-height:1.65}.lab-way-short{display:none}.lab-demo .lab-way-note b{color:var(--ah-accent-ink);font-weight:600}.lab-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lab-badges span{font-size:12.5px;padding:6px 12px;border-radius:999px;background:var(--ah-accent-wash);border:1px solid var(--ah-accent-line);color:var(--ah-accent-ink)}.lab-badges span.g{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.35);color:var(--ah-ok)}.lab-demo .lab-hero-note{color:var(--ah-dim);margin-top:14px}.lab-stage{position:relative;min-height:500px;perspective:1300px;pointer-events:none}.lab-page{position:absolute;right:8px;top:6px;width:min(370px,92%);max-height:560px;background:var(--ah-paper);border-radius:6px;overflow:hidden;transform:rotateY(-13deg) rotateX(4deg) rotate(1.5deg);box-shadow:var(--ah-shadow-page)}.lab-page img{display:block;width:100%}.lab-shade{position:absolute;inset:0;background:linear-gradient(105deg,transparent 55%,var(--ah-shade-1) 100%),linear-gradient(180deg,transparent 72%,var(--ah-shade-2) 100%)}.lab-hl{position:absolute;right:128px;top:196px;width:178px;height:42px;z-index:3;border:2.5px solid #7c3aed;border-radius:4px;background:rgba(124,58,237,.16);box-shadow:0 0 24px rgba(124,58,237,.5);transform:rotate(1.5deg)}.lab-bubble{position:absolute;z-index:4;border-radius:13px;padding:11px 15px;font-size:13.5px;box-shadow:var(--ah-shadow-card)}.lab-user{left:-6px;top:44px;border:1px solid var(--ah-line-3);color:var(--ah-fg-soft);border-bottom-right-radius:4px}.lab-ai,.lab-user{background:var(--ah-surface-2)}.lab-ai{left:6px;bottom:46px;width:300px;border:1px solid var(--ah-line-2);border-bottom-left-radius:4px}.lab-ai .h{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ah-fg-soft)}.lab-ai .ic,.lab-ai .loc{color:var(--ah-accent-ink)}.lab-ai .loc{margin-left:auto;font-size:10.5px;background:var(--ah-accent-wash);padding:2px 8px;border-radius:999px}.lab-ai .b{margin-top:7px;font-size:12.5px;color:var(--ah-muted);line-height:1.5}.lab-ai .a{margin-top:9px;display:flex;gap:7px}.lab-ai .a span{font-size:11.5px;padding:4px 12px;border-radius:7px}.lab-ai .ok{background:var(--ah-accent);color:#fff}.lab-ai .no{background:var(--ah-surface-3);color:var(--ah-muted)}:root[data-theme=light] .lab-ai,:root[data-theme=light] .lab-user{box-shadow:0 10px 26px rgba(15,23,42,.1)}.lab-demo .lab-features{margin-top:34px}.lab-demo .lab-feature{background:var(--ah-surface);border:1px solid var(--ah-line);border-radius:12px}.lab-demo .lab-feature b{color:var(--ah-fg-soft)}.lab-demo .lab-feature span{color:var(--ah-muted)}.lab-demo .lab-feature code{background:var(--ah-accent-wash);color:var(--ah-accent-ink)}.lab-demo .lab-hero-dev{border-top-color:var(--ah-line);color:var(--ah-dim)}.lab-demo .lab-hero-dev a{color:var(--ah-muted)}@media (max-width:900px){.lab-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "ways";gap:0}.lab-stage{min-height:400px;margin-top:26px}.lab-page{right:50%;transform:translateX(50%) rotateY(-9deg) rotateX(3deg) rotate(1deg);width:min(300px,86%);max-height:380px}.lab-bubble.lab-user{top:0;left:0;font-size:12.5px}.lab-bubble.lab-ai{bottom:0;left:0;right:auto;width:min(300px,88%);font-size:12px}.lab-ways{grid-template-columns:1fr;gap:10px;margin-top:20px}.lab-demo .lab-way{flex-direction:row;align-items:center;gap:12px;padding:13px 15px}.lab-way-text{flex:1 1;min-width:0}.lab-demo .lab-way .n{font-size:16px;white-space:nowrap}.lab-demo .lab-way-short{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-way-long,.lab-way-note{display:none}.lab-way-short{display:block}.lab-demo .lab-way-short{font-size:12px;color:var(--ah-muted);margin:4px 0 0}.lab-way-actions{margin-top:0;margin-left:auto;padding-top:0;flex-shrink:0}.lab-demo .lab-way-actions .lab-btn{padding:9px 14px;font-size:13px}.lab-demo .lab-way-actions .lab-sample-btn{padding:9px 12px}}@media (max-width:380px){.lab-demo .lab-way{flex-direction:column;align-items:flex-start}.lab-way-actions{margin-left:0;padding-top:12px}}.lab-demo .hw-statusbar-mode{display:none}.lab-demo .hw-chat-list:has(>.hw-empty){display:flex;flex-direction:column;justify-content:center;align-items:center}.lab-demo .hw-chat-list>.hw-empty{margin-top:0;max-width:260px}.lab-demo .hw-chat-list>.hw-empty p{margin:0;line-height:1.65}:root[data-theme=light] .lab-demo .hw-canvas{background:linear-gradient(180deg,#eef0f6,#e9ecf4)}:root[data-theme=light] .lab-demo .hw-sheet{box-shadow:0 10px 30px rgba(15,23,42,.14),0 0 0 1px rgba(15,23,42,.07)}:root[data-theme=light] .lab-demo .hw-chat,:root[data-theme=light] .lab-demo .hw-design,:root[data-theme=light] .lab-demo .hw-outline,:root[data-theme=light] .lab-demo .hw-statusbar{background:#ffffff}:root[data-theme=light] .lab-demo .hw-workspace{--hw-border:#e4e7f0;--hw-bg:#eef0f6}@media (max-width:960px){.lab-demo .hw-workspace .hw-outline{display:none}.lab-demo .hw-workspace .hw-body{position:relative}.lab-demo .hw-workspace .hw-sidepanel{position:absolute;z-index:24;top:0;right:0;bottom:0;width:min(320px,calc(100% - 72px));box-shadow:-14px 0 34px var(--ah-panel-shadow,rgba(0,0,0,.38))}.lab-demo .hw-workspace .hw-sidepanel-collapsed{width:40px;box-shadow:none}.lab-demo .hw-workspace .hw-canvas{padding:18px 48px 40px 18px}}