:root{--s56-bg: #f5f6f7;--s56-paper: #f8fafc;--s56-surface: rgba(255, 255, 255, .88);--s56-surface-strong: #ffffff;--s56-line: #d8dde4;--s56-line-strong: #9ca3af;--s56-ink: #262d35;--s56-muted: #54606d;--s56-accent: #5c84d6;--s56-accent-deep: color-mix(in srgb, var(--s56-accent) 78%, black);--s56-accent-soft: color-mix(in srgb, var(--s56-accent) 14%, white);--s56-accent-soft-strong: color-mix(in srgb, var(--s56-accent) 8%, white);--s56-accent-hover: color-mix(in srgb, var(--s56-accent) 78%, white);--s56-accent-active: color-mix(in srgb, var(--s56-accent) 58%, white);--s56-accent-glow: color-mix(in srgb, var(--s56-accent) 38%, white);--s56-accent-aura: color-mix(in srgb, var(--s56-accent) 10%, transparent);--s56-accent-shadow: color-mix(in srgb, var(--s56-accent) 26%, transparent);--s56-accent-error: color-mix(in srgb, var(--s56-accent) 72%, black);--s56-cloud: rgba(255, 255, 255, .8);--s56-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--s56-font-display: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--s56-font-mono: "SF Mono", "IBM Plex Mono", "Menlo", "Consolas", monospace;--s56-font-serif: "Baskerville", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--marketing-bg: var(--s56-bg);--marketing-shelf: #eceff2;--marketing-card: #ffffff;--marketing-paper: var(--s56-paper);--marketing-paper-soft: #f4f7fb;--marketing-ink: var(--s56-ink);--marketing-copy: var(--s56-muted);--marketing-muted: #8c97a4;--marketing-border: var(--s56-line);--marketing-border-light: #e7eaee;--marketing-border-strong: #cfd7e3;--marketing-accent: var(--s56-accent);--marketing-accent-strong: var(--s56-accent-deep);--marketing-accent-soft: color-mix(in srgb, var(--s56-accent) 12%, transparent);--marketing-shadow: rgba(38, 45, 53, .1);--marketing-shadow-strong: rgba(38, 45, 53, .14);--marketing-font-sans: var(--s56-font-sans);--marketing-font-serif: var(--s56-font-serif);--marketing-font-mono: var(--s56-font-mono);--marketing-success: #0f9f63;--marketing-warning: #d97706;--marketing-danger: #c45b62;--s56-widget-radius-sm: 6px;--s56-widget-radius-btn: 6px;--s56-widget-radius-md: 8px;--s56-widget-radius-lg: 10px;--s56-widget-radius-xl: 12px;--s56-widget-radius-pill: 999px;--bg-app: var(--s56-bg);--bg-panel: var(--s56-paper);--text-primary: var(--s56-ink);--text-secondary: var(--s56-muted);--accent-primary: var(--s56-accent);--accent-secondary: var(--s56-accent-error);--border-subtle: var(--s56-line);--border-strong: var(--s56-ink);--graphs-panel-width: 320px;--graphs-panel-gap: 24px;--font-serif: var(--s56-font-serif);--font-sans: var(--s56-font-sans);--font-mono: var(--s56-font-mono);--bg: var(--bg-app);--panel: var(--bg-panel);--bg-card: var(--s56-surface-strong);--bg-elevated: color-mix(in srgb, var(--s56-ink) 4%, var(--s56-surface-strong));--muted: var(--text-secondary);--text: var(--text-primary);--accent: var(--accent-primary);--accent-2: var(--s56-accent-hover);--danger: var(--accent-secondary);--ring: var(--border-subtle);--landing-font-script: "Times New Roman", Times, serif;--landing-h1-size: 36px;--landing-h1-tracking: -.032em;--landing-body-size: 14px;--landing-body-large-size: 18px;--landing-body-tracking: -.015em;--landing-btn-large-size: 18px;--landing-btn-small-size: 14px;--landing-line: var(--s56-line);--landing-line-strong: var(--s56-line-strong);--landing-ink: var(--s56-ink);--landing-muted: var(--s56-muted);--landing-accent: var(--s56-accent);--landing-accent-deep: var(--s56-accent-deep);--landing-accent-soft: var(--s56-accent-soft);--landing-accent-hover: var(--s56-accent-hover);--landing-accent-active: var(--s56-accent-active);--landing-font-sans: var(--s56-font-sans);--landing-font-display: var(--s56-font-display);--landing-font-serif: var(--s56-font-serif);--landing-font-mono: var(--s56-font-mono);--s56-public-shell-inline: clamp(24px, 6vw, 96px);--s56-public-shell-width: min(1408px, calc(100% - 2 * var(--s56-public-shell-inline)));--s56-public-card-radius: 24px;--s56-public-card-radius-lg: 28px;--s56-public-card-border: 1px solid var(--marketing-border-light);--s56-public-card-bg: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 253, .98) 100% );--s56-public-card-shadow: 0 12px 28px var(--marketing-shadow);--s56-public-card-shadow-strong: 0 18px 36px var(--marketing-shadow-strong);--s56-public-ambient-shadow: 0 12px 22px rgba(69, 92, 123, .06);--s56-public-ambient-shadow-pressed: 0 8px 16px rgba(69, 92, 123, .05);--s56-public-footer-bg: color-mix(in srgb, var(--marketing-shelf) 92%, var(--marketing-bg));--s56-public-inset-bg: #ffffff;--s56-public-inset-bg-soft: rgba(255, 255, 255, .94);--s56-public-inset-border: 1px solid rgba(38, 45, 53, .16);--s56-public-inset-border-subtle: 1px solid rgba(38, 45, 53, .09);--s56-public-media-well-bg: linear-gradient(180deg, #eef2f7 0%, #e4eaf2 100%);--s56-public-field-bg: #ffffff;--s56-public-field-border: 1px solid var(--landing-line);--s56-public-kbd-bg: var(--landing-accent-soft-strong);--s56-public-kbd-border: 1px solid var(--landing-line);--s56-public-kbd-color: var(--landing-accent-deep);--s56-public-table-header-bg: #ffffff;--s56-public-table-row-hover: color-mix(in srgb, var(--landing-accent) 7%, #ffffff);--s56-public-secondary-control-bg: var(--s56-public-inset-bg-soft);--s56-public-secondary-control-hover-bg: color-mix(in srgb, var(--landing-accent) 8%, #ffffff);--s56-atmosphere-fixed: radial-gradient(circle at 100% 0%, rgba(92, 132, 214, .14), transparent 42%), radial-gradient(circle at 0% 18%, rgba(255, 250, 243, .45), transparent 32%), linear-gradient(180deg, #eef4fc 0%, #f5f6f7 42%, #eceff2 100%);--s56-glass-nav-fill: linear-gradient(180deg, rgba(255, 255, 255, .3) 0%, rgba(244, 248, 255, .14) 100%);--s56-glass-nav-border: rgba(255, 255, 255, .46);--s56-glass-nav-border-strong: rgba(163, 181, 206, .45);--s56-glass-blur-nav: blur(20px) saturate(180%);--s56-glass-nav-shadow: 0 1px 0 rgba(255, 255, 255, .72), 0 10px 36px rgba(69, 92, 123, .07), 0 4px 12px rgba(69, 92, 123, .04);--s56-glass-strip-fill: linear-gradient(180deg, rgba(255, 255, 255, .38) 0%, rgba(236, 243, 252, .24) 100%);--s56-glass-blur-strip: blur(18px) saturate(165%);--s56-glass-strip-shadow: inset 0 1px 0 rgba(255, 255, 255, .58);--s56-hero-blue-wash: linear-gradient(180deg, rgba(247, 250, 255, 0) 68%, var(--s56-bg) 96%), radial-gradient(ellipse 95% 55% at 82% -5%, rgba(92, 132, 214, .11), transparent 52%), linear-gradient(180deg, #e8f0fa 0%, #eef4fb 32%, #f4f7fb 68%, #f5f6f7 100%);--s56-flow-dot: rgba(155, 171, 193, .14);--s56-flow-hairline: rgba(163, 181, 206, .32);--s56-flow-journey-bg: linear-gradient(180deg, #f5f6f7 0%, #f4f7fa 38%, #eef2f8 100%);--s56-flow-build-bg: linear-gradient(180deg, #eef2f8 0%, #e9f1fa 18%, #f0f5fb 48%, #f4f7fb 100%);--s56-flow-modules-bg: linear-gradient(180deg, #f4f7fb 0%, #f2f6fc 32%, #f6f9fd 56%, #f8fafc 100%);--s56-flow-faq-bg: linear-gradient(180deg, #f8fafc 0%, #f5f8fc 40%, #f8fafc 100%);--s56-flow-final-bg: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 45%, #eef3fa 100%)}@media(min-width:768px){:root{--landing-h1-size: 48px;--landing-body-size: 16px;--landing-btn-small-size: 16px}}@media(min-width:1024px){:root{--landing-h1-size: 60px;--landing-body-large-size: 20px;--landing-btn-large-size: 20px}}:root.dark{--s56-bg: #141414;--s56-paper: #1c1c1c;--s56-surface: rgba(40, 40, 40, .92);--s56-surface-strong: #242424;--s56-line: #3a3a3a;--s56-line-strong: #5c5c5c;--s56-ink: #f2f2f2;--s56-muted: #a3a3a3;--s56-accent: #6b8fe0;--s56-accent-deep: color-mix(in srgb, var(--s56-accent) 72%, black);--s56-accent-soft: color-mix(in srgb, var(--s56-accent) 18%, #1c1c1c);--s56-accent-soft-strong: color-mix(in srgb, var(--s56-accent) 12%, #1c1c1c);--s56-accent-hover: color-mix(in srgb, var(--s56-accent) 82%, white);--s56-accent-active: color-mix(in srgb, var(--s56-accent) 65%, white);--s56-accent-glow: color-mix(in srgb, var(--s56-accent) 45%, white);--s56-accent-aura: color-mix(in srgb, var(--s56-accent) 14%, transparent);--s56-accent-shadow: color-mix(in srgb, var(--s56-accent) 35%, transparent);--s56-accent-error: color-mix(in srgb, var(--s56-accent) 58%, white);--s56-cloud: rgba(30, 30, 30, .85);--marketing-shelf: #181818;--marketing-card: var(--s56-surface-strong);--marketing-paper-soft: #222222;--marketing-muted: #8a8a8a;--marketing-border-light: #333333;--marketing-border-strong: #4a4a4a;--marketing-shadow: rgba(0, 0, 0, .35);--marketing-shadow-strong: rgba(0, 0, 0, .45);--marketing-success: #34d399;--marketing-warning: #fbbf24;--marketing-danger: #f87171;--bg-elevated: color-mix(in srgb, var(--s56-ink) 8%, var(--s56-surface-strong))}.landing-page,.pricing-page,.login-page,.legal-page,.account-shell,.dash,.studio-planner,.ops-sheet-page,.block-category-page,.resources-page{--s56-bg: #f5f6f7;--s56-paper: #f8fafc;--s56-surface: rgba(255, 255, 255, .88);--s56-surface-strong: #ffffff;--s56-line: #d8dde4;--s56-line-strong: #9ca3af;--s56-ink: #262d35;--s56-muted: #54606d;--s56-accent: #5c84d6;--s56-accent-deep: color-mix(in srgb, var(--s56-accent) 78%, black);--s56-accent-soft: color-mix(in srgb, var(--s56-accent) 14%, white);--s56-accent-soft-strong: color-mix(in srgb, var(--s56-accent) 8%, white);--s56-accent-hover: color-mix(in srgb, var(--s56-accent) 78%, white);--s56-accent-active: color-mix(in srgb, var(--s56-accent) 58%, white);--s56-accent-glow: color-mix(in srgb, var(--s56-accent) 38%, white);--s56-accent-aura: color-mix(in srgb, var(--s56-accent) 10%, transparent);--s56-accent-shadow: color-mix(in srgb, var(--s56-accent) 26%, transparent);--s56-accent-error: color-mix(in srgb, var(--s56-accent) 72%, black);--s56-cloud: rgba(255, 255, 255, .8);--landing-bg: var(--s56-bg);--landing-paper: var(--s56-paper);--landing-surface: var(--s56-surface);--landing-surface-strong: var(--s56-surface-strong);--landing-line: var(--s56-line);--landing-line-strong: var(--s56-line-strong);--landing-ink: var(--s56-ink);--landing-muted: var(--s56-muted);--landing-accent: var(--s56-accent);--landing-accent-deep: var(--s56-accent-deep);--landing-accent-soft: var(--s56-accent-soft);--landing-accent-soft-strong: var(--s56-accent-soft-strong);--landing-accent-hover: var(--s56-accent-hover);--landing-accent-active: var(--s56-accent-active);--landing-accent-glow: var(--s56-accent-glow);--landing-accent-aura: var(--s56-accent-aura);--landing-accent-shadow: var(--s56-accent-shadow);--landing-accent-error: var(--s56-accent-error);--landing-cloud: var(--s56-cloud);--landing-font-sans: var(--s56-font-sans);--landing-font-display: var(--s56-font-display);--landing-font-mono: var(--s56-font-mono);--landing-font-serif: var(--s56-font-serif);--landing-radius-sm: var(--s56-widget-radius-sm);--landing-radius-md: var(--s56-widget-radius-md);--landing-radius-lg: var(--s56-widget-radius-lg);--landing-radius-xl: var(--s56-widget-radius-xl);--landing-radius-btn: var(--s56-widget-radius-btn);--landing-radius-pill: var(--s56-widget-radius-pill);--marketing-bg: var(--s56-bg);--marketing-shelf: #eceff2;--marketing-card: #ffffff;--marketing-paper: var(--s56-paper);--marketing-paper-soft: #f4f7fb;--marketing-ink: var(--s56-ink);--marketing-copy: var(--s56-muted);--marketing-muted: #8c97a4;--marketing-border: var(--s56-line);--marketing-border-light: #e7eaee;--marketing-border-strong: #cfd7e3;--marketing-accent: var(--s56-accent);--marketing-accent-strong: var(--s56-accent-deep);--marketing-accent-soft: color-mix(in srgb, var(--s56-accent) 12%, transparent);--marketing-shadow: rgba(38, 45, 53, .1);--marketing-shadow-strong: rgba(38, 45, 53, .14);--marketing-success: #0f9f63;--marketing-warning: #d97706;--marketing-danger: #c45b62;--s56-public-footer-bg: color-mix(in srgb, var(--marketing-shelf) 92%, var(--marketing-bg))}.pricing-page,.legal-page,.login-page,.account-shell,.dash,.ops-sheet-page,.block-category-page,.resources-page{font-family:var(--landing-font-sans);font-size:var(--landing-body-size);letter-spacing:var(--landing-body-tracking)}.pricing-footer,.legal-footer,.login-footer{background:var(--s56-public-footer-bg)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 22%,transparent);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary) 38%,transparent)}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:.5px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px #2418120a}.topbar__left{display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-serif);font-weight:400;font-size:1.125rem;font-style:italic;color:var(--text-primary);text-transform:none;letter-spacing:-.01em}.topbar-nav{display:flex;gap:8px;align-items:center}.topbar-nav__button{border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;letter-spacing:-.01em;text-transform:none;border:1px solid transparent;background:transparent}.topbar-nav__button.is-active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 22%,transparent);color:var(--accent-primary)}.topbar-nav__button:not(.is-active):hover{color:var(--accent-primary)}.topbar .btn.topbar-nav__button{border-color:transparent;background:transparent}.topbar .btn.topbar-nav__button.is-active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 22%,transparent);color:var(--accent-primary)}.topbar .btn.topbar-nav__button.is-active:hover{background:color-mix(in srgb,var(--accent-primary) 16%,transparent);color:var(--accent-primary)}.topbar .btn.topbar-nav__button:not(.is-active):hover{background:color-mix(in srgb,var(--accent-primary) 8%,transparent);color:var(--accent-primary);border-color:transparent}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar__left{flex-direction:column;align-items:flex-start;gap:10px}.topbar-nav{flex-wrap:wrap}}.main{flex:1;display:flex;overflow:hidden;padding:0 16px 24px;position:relative;z-index:1;isolation:isolate}.workspace{width:min(980px,100%);margin:0 auto;padding:0 8px;display:flex;flex-direction:column;align-items:stretch;height:100%;overflow:hidden}.workspace--floating{position:relative;overflow:visible}.floating-graphs-panel{position:absolute;top:16px;right:0;transform:translate(calc(100% + var(--graphs-panel-gap)));width:var(--graphs-panel-width);max-height:calc(100% - 32px);padding:16px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:0 18px 40px color-mix(in srgb,var(--text-primary) 18%,transparent);display:flex;flex-direction:column;gap:12px;overflow:hidden;z-index:5}.floating-graphs-panel__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.floating-graphs-panel__eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.floating-graphs-panel__status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-secondary)}.floating-graphs-panel__status.is-live{background:color-mix(in srgb,var(--accent-primary) 18%,transparent);color:var(--accent-primary)}.floating-graphs-panel__title{font-size:13px;font-weight:600;color:var(--text-primary)}.floating-graphs-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}@media(min-width:1401px){body.has-floating-graphs .workspace--floating{width:min(1600px,100%);display:grid;grid-template-columns:minmax(0,1fr) var(--graphs-panel-width);gap:var(--graphs-panel-gap);align-items:stretch}body.has-floating-graphs .floating-graphs-panel{position:static;transform:none;width:100%;align-self:start;max-height:calc(100% - 32px)}}@media(max-width:1400px){.floating-graphs-panel{position:static;transform:none;width:100%;max-height:520px;margin-top:16px}}.message__text{display:flex;flex-direction:column;gap:8px;max-width:680px}.message__text--structured{gap:12px}.message__paragraph{margin:0;font-size:14px;color:var(--text-primary)}.message__paragraph--muted{font-size:12px;color:var(--text-secondary)}.message__param-list{display:grid;grid-template-columns:minmax(140px,180px) 1fr;gap:8px 12px;padding:12px;border-radius:8px;border:1px dashed var(--border-subtle);background:var(--bg-panel)}.message__param-item{display:contents}.message__param-label{font-size:12px;font-weight:600;color:var(--text-primary)}.message__param-body{font-size:12px;color:var(--text-secondary)}.message__audio-item{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.message__audio-actions{display:flex;justify-content:flex-end}.message__audio-synth{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:6px 10px;border-radius:999px;cursor:pointer;transition:all .15s ease}.message__audio-synth:hover{border-color:var(--accent-primary);color:var(--text-primary)}.message__audio-synth:disabled{opacity:.6;cursor:not-allowed}@media(max-width:680px){.message__param-list{grid-template-columns:1fr}}.btn{border:1px solid var(--border-strong);background:transparent;color:var(--text-primary);border-radius:99px;padding:8px 16px;font-family:var(--font-sans);font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-panel));color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent)}.btn--secondary{border-color:var(--border-subtle);color:var(--text-secondary);font-weight:400}.btn--secondary:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.error-boundary{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.error-boundary__card{max-width:520px;width:100%;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;padding:20px 22px;box-shadow:0 10px 20px color-mix(in srgb,var(--text-primary) 8%,transparent);display:flex;flex-direction:column;gap:12px}.error-boundary__title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.error-boundary__message{margin:0;font-size:13px;color:var(--text-secondary)}.error-boundary__details{font-size:12px;color:var(--text-secondary)}.error-boundary__details pre{margin:6px 0 0;white-space:pre-wrap;font-family:var(--font-mono);font-size:11px}.action-card{transition:all .15s ease!important}.action-card:hover{border-color:var(--accent-primary)!important;background:color-mix(in srgb,var(--accent-primary) 4%,transparent)!important}:root.dark .action-card:hover{background:#f0f0f0!important;border-color:var(--accent-primary)!important}