.playground-grid[data-v-93377656]{grid-template-rows:1fr;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:12px;height:100%;min-height:0;display:grid}.editor-panel[data-v-93377656],.result-panel[data-v-93377656]{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.panel-heading[data-v-93377656]{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;display:flex}.panel-heading.compact h2[data-v-93377656]{font-size:1.35rem}.eyebrow[data-v-93377656]{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.panel-heading h2[data-v-93377656]{margin:4px 0 0;font-size:1.45rem;line-height:1.08}.summary[data-v-93377656]{color:var(--muted-strong);max-width:54ch;margin:8px 0 0;font-size:.84rem;line-height:1.35}.heading-actions[data-v-93377656]{gap:10px;display:flex}.action-button[data-v-93377656]{border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:16px;padding:10px 14px;font-weight:600}.action-button.primary[data-v-93377656]{background:var(--text);border-color:var(--text);color:#fff}.action-button.secondary[data-v-93377656]{background:var(--surface);color:var(--text)}.editor[data-v-93377656]{color:#edf5f1;font:400 12px/1.6 var(--font-mono);resize:none;background:#101715;border:1px solid #1a2623;border-radius:18px;outline:none;flex:1;min-height:0;padding:14px}.runtime-meta[data-v-93377656]{justify-items:end;gap:6px;display:grid}.runtime-meta span[data-v-93377656]{background:var(--surface-alt);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.68rem}.output-block[data-v-93377656]{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.output-block strong[data-v-93377656],.notes strong[data-v-93377656]{flex-shrink:0;font-size:.78rem}.code-view[data-v-93377656]{color:#edf5f1;font:400 11px/1.5 var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#121917;border:1px solid #1a2623;border-radius:16px;flex:1;min-height:0;margin:0;padding:12px}.notes[data-v-93377656]{background:var(--surface-alt);border:1px solid var(--line);border-radius:18px;flex-shrink:0;padding:14px 16px}.notes ul[data-v-93377656]{color:var(--muted-strong);margin:8px 0 0;padding-left:18px}.notes li+li[data-v-93377656]{margin-top:6px}@media (width<=1040px){.playground-grid[data-v-93377656]{grid-template-rows:minmax(400px,auto) minmax(400px,auto);grid-template-columns:1fr;height:auto;overflow:auto}.panel-heading[data-v-93377656]{flex-direction:column}.heading-actions[data-v-93377656]{width:100%}.action-button[data-v-93377656]{flex:1}}.catalog-panel[data-v-cc45872b]{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex;overflow:hidden}.catalog-header[data-v-cc45872b]{border-bottom:1px solid var(--line);flex-shrink:0;align-items:end;gap:12px;padding-bottom:14px;display:grid}.eyebrow[data-v-cc45872b]{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.catalog-header h2[data-v-cc45872b]{margin:4px 0 0;font-size:1.5rem;line-height:1.05}.catalog-description[data-v-cc45872b]{color:var(--muted-strong);margin:4px 0 0;font-size:.85rem;line-height:1.35}.catalog-summary[data-v-cc45872b]{flex-wrap:wrap;gap:8px;display:flex}.summary-chip[data-v-cc45872b]{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:4px;min-width:88px;padding:9px 11px;display:grid}.summary-chip strong[data-v-cc45872b]{font-size:1rem;line-height:1}.summary-chip span[data-v-cc45872b]{color:var(--muted);font-size:.66rem}.summary-chip.accent[data-v-cc45872b]{background:var(--surface-accent);border-color:var(--accent-soft)}.actions[data-v-cc45872b]{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.search-field[data-v-cc45872b]{flex:100%}.field[data-v-cc45872b]{gap:8px;display:grid}.field span[data-v-cc45872b]{color:var(--muted);font-size:.78rem}.field input[data-v-cc45872b]{border:1px solid var(--line);color:var(--text);font:inherit;background:#fff;border-radius:16px;outline:none;padding:10px 12px}.field input[data-v-cc45872b]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d48f441f}.filter-button[data-v-cc45872b]{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;border-radius:16px;padding:10px 14px;font-weight:600}.filter-button.active[data-v-cc45872b]{background:var(--text);border-color:var(--text);color:#fff}.filter-button.secondary[data-v-cc45872b]{background:0 0}.export-grid[data-v-cc45872b]{grid-template-columns:1fr;gap:10px;min-height:0;padding-bottom:4px;padding-right:4px;display:grid;overflow:hidden auto}.export-section[data-v-cc45872b]{gap:8px;display:grid}.section-header[data-v-cc45872b]{background:var(--surface-alt);border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.section-header strong[data-v-cc45872b]{font-size:.86rem;display:block}.section-header span[data-v-cc45872b],.section-toggle[data-v-cc45872b]{color:var(--muted);font-size:.72rem}.section-list[data-v-cc45872b]{gap:10px;display:grid}.export-card[data-v-cc45872b]{background:var(--surface);border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;border-radius:16px;gap:8px;min-height:92px;padding:12px;transition:border-color .16s,transform .16s;display:grid}.export-card[data-v-cc45872b]:hover{border-color:var(--line-strong);transform:translateY(-1px)}.export-card.active[data-v-cc45872b]{background:var(--surface-accent);border-color:var(--accent-soft)}.export-card-top[data-v-cc45872b]{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-card-top strong[data-v-cc45872b]{font-size:.92rem}.export-card-top span[data-v-cc45872b]{color:var(--muted);text-transform:uppercase;font-size:.74rem}.export-summary[data-v-cc45872b]{color:var(--muted-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tags[data-v-cc45872b]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-cc45872b]{border-radius:999px;padding:4px 8px;font-size:.66rem}.tag-live[data-v-cc45872b]{color:#1f5b49;background:#3a7b661f}.tag-catalog[data-v-cc45872b],.tag-import[data-v-cc45872b]{background:var(--surface-alt);color:var(--muted)}.empty-state[data-v-cc45872b]{background:var(--surface);border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:20px;padding:28px 16px}@media (width<=880px){.actions[data-v-cc45872b]{flex-direction:column;align-items:stretch}}.sidebar[data-v-3df891c4]{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.panel-header[data-v-3df891c4]{flex-shrink:0;justify-content:space-between;align-items:start;gap:12px;display:flex}.panel-header h2[data-v-3df891c4]{margin:4px 0 0;font-size:1.4rem;line-height:1.05}.eyebrow[data-v-3df891c4]{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.metric-chip[data-v-3df891c4],.metric-card[data-v-3df891c4]{background:var(--surface);border:1px solid var(--line);border-radius:18px}.metric-chip[data-v-3df891c4]{text-align:right;align-items:center;min-width:86px;padding:8px 10px;display:grid}.metric-chip strong[data-v-3df891c4],.metric-card strong[data-v-3df891c4]{font-size:1.05rem;line-height:1}.metric-chip span[data-v-3df891c4],.metric-card span[data-v-3df891c4],.field span[data-v-3df891c4],.module-demo-count[data-v-3df891c4]{color:var(--muted);font-size:.78rem}.field[data-v-3df891c4]{flex-shrink:0;gap:8px;display:grid}.field input[data-v-3df891c4]{border:1px solid var(--line);color:var(--text);font:inherit;background:#fff;border-radius:16px;outline:none;padding:10px 12px}.field input[data-v-3df891c4]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d48f441f}.metric-row[data-v-3df891c4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card[data-v-3df891c4]{gap:4px;padding:10px;display:grid}.module-list[data-v-3df891c4]{gap:8px;min-height:0;padding-right:4px;display:grid;overflow:auto}@media (width<=1180px){.sidebar[data-v-3df891c4]{max-height:none;position:static}}.module-card[data-v-3df891c4]{background:var(--surface);border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;border-radius:16px;gap:6px;padding:12px;transition:border-color .16s,transform .16s;display:grid}.module-card[data-v-3df891c4]:hover{border-color:var(--line-strong);transform:translateY(-1px)}.module-card.active[data-v-3df891c4]{background:var(--surface-accent);border-color:var(--accent-soft)}.module-title-row[data-v-3df891c4]{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-title-row strong[data-v-3df891c4]{font-size:.92rem}.module-title-row span[data-v-3df891c4],.module-path[data-v-3df891c4]{color:var(--muted);font-size:.75rem}.module-path[data-v-3df891c4]{background:var(--surface-alt);border-radius:999px;width:fit-content;padding:4px 10px;display:inline-flex}.module-description[data-v-3df891c4]{color:var(--muted-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.empty-state[data-v-3df891c4]{background:var(--surface);border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:20px;padding:24px 16px}.shell[data-v-a2daf185]{flex-direction:column;gap:12px;height:100%;display:flex}.hero[data-v-a2daf185]{flex-shrink:0;grid-template-columns:minmax(0,1.2fr) auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.hero-main[data-v-a2daf185]{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.eyebrow[data-v-a2daf185]{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.hero h1[data-v-a2daf185]{max-width:none;margin:0;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.04}.hero-copy[data-v-a2daf185]{color:var(--muted-strong);max-width:none;margin:0;font-size:.85rem;line-height:1.4}.hero-metrics[data-v-a2daf185]{grid-template-columns:repeat(3,minmax(74px,1fr));align-self:start;gap:8px;display:grid}.hero-metric[data-v-a2daf185]{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:4px;min-width:74px;padding:9px 11px;display:grid}.hero-metric strong[data-v-a2daf185]{font-size:1.35rem;line-height:1}.hero-metric span[data-v-a2daf185]{color:var(--muted);font-size:.66rem}.hero-metric.accent[data-v-a2daf185]{background:var(--surface-accent);border-color:var(--accent-soft)}.workspace[data-v-a2daf185]{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:240px 320px minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;display:grid;overflow:hidden}@media (width<=1180px){.workspace[data-v-a2daf185]{grid-template-columns:1fr;overflow:auto}}@media (width<=900px){.hero[data-v-a2daf185]{grid-template-columns:1fr;padding:16px}.hero-main[data-v-a2daf185]{align-items:start;gap:8px;display:grid}.hero h1[data-v-a2daf185]{max-width:none}.hero-metrics[data-v-a2daf185]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.hero-metrics[data-v-a2daf185]{grid-template-columns:1fr}}.app-shell[data-v-7d0f46f0]{height:100%}html,body{height:100%;margin:0;overflow:hidden}:root{--accent:#d48f44;--accent-soft:#ecc89e;--bg:#f5efe6;--line:#e4d9cb;--line-strong:#cfbfaf;--muted:#817669;--muted-strong:#655c53;--panel:#fffaf4eb;--surface:#ffffffb8;--surface-accent:#fff3e5e6;--surface-alt:#78665214;--text:#201d1a;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-display:"Fraunces", "Georgia", serif;--font-mono:"IBM Plex Mono", "Cascadia Code", monospace}*{box-sizing:border-box}body{min-width:320px;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 0 0,#ffc38433,#0000 22%),linear-gradient(#f7f1e8 0%,#ede3d6 100%);margin:0;overflow:hidden}button,input,textarea,pre,code{font:inherit}pre,code,textarea{font-family:var(--font-mono)}h1,h2,h3{font-family:var(--font-display);font-weight:600}#app{flex-direction:column;height:100vh;padding:20px;display:flex;overflow:hidden}.panel{background:var(--panel);border:1px solid #ffffff8c;border-radius:28px;padding:20px;box-shadow:0 18px 48px #2d292314}.scroll-panel{scrollbar-gutter:stable;min-height:0;overflow:auto}.scroll-panel::-webkit-scrollbar{width:10px;height:10px}.scroll-panel::-webkit-scrollbar-thumb{background:#232e2b33 padding-box padding-box;border:2px solid #0000;border-radius:999px}.scroll-panel::-webkit-scrollbar-track{background:0 0}@media (width>=1280px){#app{max-width:1440px;min-height:100vh;margin:0 auto}}@media (width<=640px){body{overflow:auto}#app{padding:12px;overflow:visible}.panel{border-radius:22px;padding:16px}}@media (width<=1180px){body{overflow:auto}#app{overflow:visible}}