:root{--color-paper:oklch(98.5% 0.004 250);--color-paper-2:oklch(96.8% 0.006 250);--color-paper-3:oklch(94.2% 0.009 250);--color-panel:oklch(99.1% 0.003 250);--color-ink:oklch(21% 0.018 258);--color-ink-2:oklch(33% 0.016 257);--color-neutral:oklch(47% 0.013 255);--color-muted:oklch(54% 0.012 253);--color-rule:oklch(87% 0.009 252);--color-rule-2:oklch(78% 0.012 252);--color-accent:oklch(54% 0.19 256);--color-accent-ink:oklch(98.5% 0.004 250);--color-focus:oklch(48% 0.19 256);--color-video:oklch(61% 0.19 27);--color-audio:oklch(55% 0.16 248);--color-success:oklch(47% 0.12 150);--color-warning:oklch(53% 0.14 72);--color-error:oklch(53% 0.18 28);--color-graphite:oklch(22% 0.016 260);--color-graphite-2:oklch(27% 0.018 259);--color-graphite-rule:oklch(39% 0.016 258);--color-code:oklch(90% 0.012 251);--color-code-muted:oklch(69% 0.014 251);--color-error-text:oklch(78% 0.13 28);--color-warning-text:oklch(82% 0.12 82);--font-display:"Space Grotesk",ui-sans-serif,sans-serif;--font-body:"IBM Plex Sans",ui-sans-serif,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-md:0.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--radius-sm:4px;--radius-control:6px;--radius-panel:8px;--radius-code:8px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:120ms;--dur-short:220ms;--dur-long:420ms;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-vietnamese-500-normal.152372a3a900b90399af.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-500-normal.4cd7d39dff78eef3c3ae.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-latin-ext-500-normal.411a971e2cf9367a1f90.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-500-normal.9b786262bfe89305ed9a.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-latin-500-normal.2641fa827a3c8935ce36.woff2) format("woff2"),url(/static/media/space-grotesk-latin-500-normal.b49ceea0c1268b379704.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/static/media/space-grotesk-vietnamese-600-normal.1266a16c37a89267b220.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-600-normal.3371e3e4c9b26400a60c.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/static/media/space-grotesk-latin-ext-600-normal.b188971fafaf65e315bd.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-600-normal.1c236cd2c23e9664469d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/static/media/space-grotesk-latin-600-normal.8ff7300c7c3cddae1fef.woff2) format("woff2"),url(/static/media/space-grotesk-latin-600-normal.ebac80b130385b5e7faf.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-cyrillic-ext-400-normal.c7f19d6795be43c1647b.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-ext-400-normal.5b7e59c2b55016b43956.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-cyrillic-400-normal.f55992bec61fac647a43.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-400-normal.c4aae3aa3c88327f34ff.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-greek-400-normal.173a235dfc0f0cb815f0.woff2) format("woff2"),url(/static/media/ibm-plex-sans-greek-400-normal.c71f9181cb26e36962cc.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-vietnamese-400-normal.a9c0738f08c3b2b7c486.woff2) format("woff2"),url(/static/media/ibm-plex-sans-vietnamese-400-normal.c17b6e031af6463841fb.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-latin-ext-400-normal.11781b13e59d30facc40.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-ext-400-normal.24d83b525f192cb3d1ca.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:url(/static/media/ibm-plex-sans-latin-400-normal.3160b5c6767eb4c69c78.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-400-normal.65b2eda743bf11103476.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-cyrillic-ext-500-normal.bf4ba7689c1c873083d6.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-ext-500-normal.502b749418e91f6ec84e.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-cyrillic-500-normal.aa1edf9c09d921c7710a.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-500-normal.d010060bc8d2b38e3767.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-greek-500-normal.b4df5194a9b00b517462.woff2) format("woff2"),url(/static/media/ibm-plex-sans-greek-500-normal.94671ea6706bf9a62ff4.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-vietnamese-500-normal.032cc11fc5aa88f634f8.woff2) format("woff2"),url(/static/media/ibm-plex-sans-vietnamese-500-normal.89666946bba6060cd645.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-latin-ext-500-normal.d8f3e27fbeccd900a867.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-ext-500-normal.7e8aef37b06800e20ef5.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:url(/static/media/ibm-plex-sans-latin-500-normal.fcd7b8c3d12375eedc97.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-500-normal.4b130dfcfa945eac3e54.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-cyrillic-ext-600-normal.0a51b2f38b29d4091556.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-ext-600-normal.6b943717131f2e6cc42c.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-cyrillic-600-normal.e07c188c118d4142e480.woff2) format("woff2"),url(/static/media/ibm-plex-sans-cyrillic-600-normal.2e3e0b0b4224d519869e.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-greek-600-normal.1fb74172d11b0014a7fe.woff2) format("woff2"),url(/static/media/ibm-plex-sans-greek-600-normal.dfea56a150d465fd323a.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-vietnamese-600-normal.1e7f665a0c00db1aee4b.woff2) format("woff2"),url(/static/media/ibm-plex-sans-vietnamese-600-normal.9a97e0373f1f8eebef08.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-latin-ext-600-normal.57f2c00df3cb0b0cff43.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-ext-600-normal.5051947b55c2e3d31cc2.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:url(/static/media/ibm-plex-sans-latin-600-normal.24bc59b4b4ad02d1666d.woff2) format("woff2"),url(/static/media/ibm-plex-sans-latin-600-normal.d73e2e25bcd162ae992f.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-cyrillic-ext-400-normal.7347c7bfed47f1ef0b25.woff2) format("woff2"),url(/static/media/jetbrains-mono-cyrillic-ext-400-normal.831e0db23a3b56373d02.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-cyrillic-400-normal.f69e1e24f04a6ce942c0.woff2) format("woff2"),url(/static/media/jetbrains-mono-cyrillic-400-normal.d0dbe121eb8ccfff69fd.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-greek-400-normal.3a4578ae9901384175e2.woff2) format("woff2"),url(/static/media/jetbrains-mono-greek-400-normal.55220d4dce9386883dd6.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-vietnamese-400-normal.aa664ef15f2e285e9dda.woff2) format("woff2"),url(/static/media/jetbrains-mono-vietnamese-400-normal.411bbf704034dd802498.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-latin-ext-400-normal.e83b764e84e73968db26.woff2) format("woff2"),url(/static/media/jetbrains-mono-latin-ext-400-normal.dfdc51c009ca3dea7613.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/media/jetbrains-mono-latin-400-normal.d04352f240062b100fba.woff2) format("woff2"),url(/static/media/jetbrains-mono-latin-400-normal.1fef352a4021940e309a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-cyrillic-ext-500-normal.12b2790f450a0135a4cd.woff2) format("woff2"),url(/static/media/jetbrains-mono-cyrillic-ext-500-normal.7d1c47b77c64589c778c.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-cyrillic-500-normal.c859e1163e47db816b3f.woff2) format("woff2"),url(/static/media/jetbrains-mono-cyrillic-500-normal.508a23756dc3eb0a5f3f.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-greek-500-normal.4ab6aec659058b6da634.woff2) format("woff2"),url(/static/media/jetbrains-mono-greek-500-normal.00b2594f4631af11e7ec.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-vietnamese-500-normal.e8fe161b5afbc431d03f.woff2) format("woff2"),url(/static/media/jetbrains-mono-vietnamese-500-normal.61b340037f78bc2cdd7f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-latin-ext-500-normal.4a98f2079d9f35ae42c1.woff2) format("woff2"),url(/static/media/jetbrains-mono-latin-ext-500-normal.a9148377892cf3386f26.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(/static/media/jetbrains-mono-latin-500-normal.bb50084be2b43ba7b98c.woff2) format("woff2"),url(/static/media/jetbrains-mono-latin-500-normal.b6ddca2679c2b4a27c68.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}#root,body,html{height:100%;margin:0;min-width:320px;width:100%}body,html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:1.45}*{box-sizing:border-box}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only,.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-shell{--header-height:68px;--command-height:218px;background:var(--color-paper);display:grid;grid-template-rows:var(--header-height) minmax(0,1fr) var(--command-height);height:100dvh;min-height:560px;overflow:hidden;width:100%}.app-header{grid-gap:var(--space-md);align-items:center;background:var(--color-panel);border-bottom:1px solid var(--color-rule);display:grid;gap:var(--space-md);grid-template-columns:minmax(250px,1fr) auto minmax(330px,1fr);min-width:0;padding:0 var(--space-lg);z-index:var(--z-sticky)}.brand-lockup,.brand-wordmark,.header-action,.header-actions,.header-center,.header-new,.mode-switch,.save-indicator{align-items:center;display:flex}.brand-lockup{gap:var(--space-sm);min-width:0}.brand-mark{border:1px solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-accent);display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.brand-wordmark{align-items:baseline;gap:6px;white-space:nowrap}.brand-wordmark strong{color:var(--color-ink);font-family:var(--font-display);font-size:15px;font-weight:600}.brand-wordmark span,.canvas-live-dot+span,.panel-heading p,.project-name-field input,.save-indicator{font-size:var(--text-xs)}.brand-wordmark span{color:var(--color-muted);font-family:var(--font-mono)}.header-divider{background:var(--color-rule);flex:0 0 1px;height:24px;width:1px}.project-name-field{min-width:0}.project-name-field input{background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--color-ink-2);height:36px;outline:2px solid #0000;outline-offset:1px;padding:0 8px;text-overflow:ellipsis;width:138px}.project-name-field input:hover{background:var(--color-paper-2)}.project-name-field input:focus-visible{border-color:var(--color-rule-2);outline-color:var(--color-focus)}.save-indicator{color:var(--color-muted);flex:0 0 auto;gap:6px;white-space:nowrap}.canvas-live-dot,.library-footer__dot,.save-indicator i{background:var(--color-success);border-radius:50%;flex:0 0 7px;height:7px;width:7px}.save-indicator--error i{background:var(--color-error)}.header-center{justify-content:center}.mode-switch{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control);gap:3px;padding:3px}.mode-switch button,.shell-switch button{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-neutral);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:7px;justify-content:center;min-height:36px;padding:0 12px;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out);white-space:nowrap}.mode-switch button.is-active{background:var(--color-panel);border-color:var(--color-rule);color:var(--color-ink)}.header-actions{gap:4px;justify-content:flex-end;min-width:0}.button-primary,.button-secondary,.canvas-tool,.command-action,.header-action,.header-new{border:1px solid #0000;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:500;gap:7px;min-height:40px;padding:0 10px;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out);white-space:nowrap}.header-action{background:#0000;color:var(--color-ink-2)}.button-secondary:hover,.canvas-tool:hover,.command-action:hover:not(:disabled),.header-action:hover{background:var(--color-paper-2)}.button-primary,.header-new{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.button-primary:hover:not(:disabled),.header-new:hover{background:var(--color-focus)}.workspace-shell{display:grid;min-height:0;min-width:0;overflow:hidden}.workspace-shell--beginner{grid-template-columns:270px minmax(0,1fr)}.workspace-shell--advanced{display:block}.filter-library,.node-inspector{background:var(--color-paper);display:flex;flex-direction:column;min-height:0;min-width:0}.filter-library{border-right:1px solid var(--color-rule)}.panel-heading{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between;min-height:72px;padding:12px 16px}.canvas-toolbar span,.command-panel__title h2,.dialog-heading h2,.panel-heading h2,.stream-lane__header h3,.workflow-section-heading h2{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;margin:0}.panel-heading p,.workflow-section-heading p{color:var(--color-muted);line-height:1.35;margin:3px 0 0}.panel-heading__mark{color:var(--color-neutral);display:grid;height:34px;place-items:center;width:34px}.panel-heading__mark,.search-field{border:1px solid var(--color-rule);border-radius:var(--radius-control)}.search-field{align-items:center;background:var(--color-panel);color:var(--color-muted);display:flex;gap:var(--space-xs);margin:0 12px 10px;min-height:40px;padding:0 10px}.search-field:focus-within{outline:2px solid var(--color-focus);outline-offset:1px}.search-field input{background:#0000;border:0;color:var(--color-ink);font-size:var(--text-sm);height:36px;min-width:0;outline:0;padding:0;width:100%}.search-field input::placeholder{color:var(--color-muted)}.search-field kbd{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-neutral);display:grid;flex:0 0 22px;font-family:var(--font-mono);font-size:11px;height:22px;place-items:center;width:22px}.library-categories{border-bottom:1px solid var(--color-rule);display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 10px}.library-categories button{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-neutral);font-size:var(--text-xs);min-height:30px;padding:0 8px;white-space:nowrap}.library-categories button[aria-selected=true]{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-accent);font-weight:600}.preset-list{flex:1 1;min-height:0;overflow:auto;padding:8px;scrollbar-color:var(--color-rule-2) #0000;scrollbar-width:thin}.preset-row{grid-gap:7px;align-items:center;border-bottom:1px solid var(--color-rule);display:grid;gap:7px;grid-template-columns:34px minmax(0,1fr) 34px;min-height:56px;padding:5px 4px}.preset-row:last-child{border-bottom:0}.inspector-node-icon,.preset-icon,.section-icon{color:var(--color-accent);display:grid;place-items:center}.preset-icon{background:var(--color-paper-2);border-radius:var(--radius-sm);height:30px;width:30px}.inspector-node-icon--audio,.preset-icon--audio{color:var(--color-audio)}.preset-icon--option{color:var(--color-neutral)}.preset-main{align-items:flex-start;background:#0000;border:0;display:flex;flex-direction:column;justify-content:center;min-height:42px;min-width:0;padding:0;text-align:left}.preset-main__title{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-main__meta{color:var(--color-muted);font-size:11px;margin-top:2px}.icon-button{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-neutral);display:inline-grid;flex:0 0 40px;height:40px;padding:0;place-items:center;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out);width:40px}.icon-button:hover:not(:disabled){background:var(--color-paper-2);color:var(--color-ink)}.icon-button--danger:hover:not(:disabled){color:var(--color-error)}.preset-add{flex-basis:34px;height:34px;width:34px}.library-empty,.library-footer,.library-footer__hint{align-items:center;display:flex}.library-empty{color:var(--color-muted);font-size:var(--text-sm);gap:8px;justify-content:center;min-height:90px}.library-footer{border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:11px;gap:7px;min-height:42px;padding:0 12px;white-space:nowrap}.library-footer__dot{flex-basis:6px;height:6px;width:6px}.library-footer__hint{color:var(--color-neutral);margin-left:auto}.beginner-workspace{min-height:0;min-width:0;overflow:auto;padding:22px 26px 26px;scrollbar-color:var(--color-rule-2) #0000;scrollbar-width:thin}.beginner-workspace__intro{align-items:flex-end;display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:18px}.beginner-workspace__intro h1{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.2;margin:0;overflow-wrap:anywhere}.beginner-workspace__intro p{color:var(--color-muted);font-size:var(--text-sm);margin:5px 0 0}.workflow-path,.workflow-path span{align-items:center;display:flex}.workflow-path{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-neutral);flex:0 0 auto;font-size:var(--text-xs);gap:8px;padding:7px 10px}.workflow-path span{gap:5px;white-space:nowrap}.workflow-path span:first-child svg{color:var(--color-video)}.workflow-path span:last-child svg{color:var(--color-success)}.workflow-path i{background:var(--color-rule-2);height:1px;width:18px}.source-output-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(240px,.9fr) minmax(360px,1.4fr);margin-bottom:17px}.workflow-form-section{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-panel);min-width:0;padding:14px}.beginner-step__heading,.dialog-heading,.stream-lane__header,.workflow-section-heading{align-items:center;display:flex}.workflow-section-heading{gap:10px;margin-bottom:12px}.section-icon{border:1px solid var(--color-rule);border-radius:var(--radius-control);flex:0 0 34px;height:34px;width:34px}.section-icon--source{color:var(--color-video)}.section-icon--output{color:var(--color-success)}.workflow-section-heading h2{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;margin:0}.workflow-section-heading p{color:var(--color-muted);font-size:var(--text-xs)}.fields-stack{grid-gap:10px;display:grid;gap:10px;min-width:0}.field-grid{grid-gap:8px 10px;display:grid;gap:8px 10px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.control-field{display:flex;flex-direction:column;gap:4px;min-width:0}.control-field__label{color:var(--color-ink-2);font-size:var(--text-xs);font-weight:500}.control-field input,.control-field select,.control-field textarea{background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--text-sm);min-height:42px;min-width:0;outline:2px solid #0000;outline-offset:1px;padding:0 10px;width:100%}.control-field textarea{font-family:var(--font-mono);line-height:1.55;min-height:112px;padding:10px;resize:vertical}.control-field input:hover,.control-field select:hover,.control-field textarea:hover{background:var(--color-paper-2)}.control-field input:focus-visible,.control-field select:focus-visible,.control-field textarea:focus-visible{outline-color:var(--color-focus)}.control-field__hint{color:var(--color-muted);font-size:11px;line-height:1.35;min-height:1lh}.toggle-list{grid-gap:6px;border-top:1px solid var(--color-rule);display:grid;gap:6px;padding-top:8px}.toggle-field{align-items:center;color:var(--color-ink-2);display:flex;font-size:var(--text-xs);gap:var(--space-sm);justify-content:space-between;min-height:38px}.toggle-field input{height:1px;opacity:0;position:absolute;width:1px}.toggle-field__track{align-items:center;background:var(--color-paper-3);border:1px solid var(--color-rule-2);border-radius:12px;display:flex;flex:0 0 34px;height:20px;padding:2px;transition:background-color var(--dur-micro) var(--ease-out);width:34px}.toggle-field__track span{background:var(--color-panel);border:1px solid var(--color-rule-2);border-radius:50%;height:14px;transition:transform var(--dur-micro) var(--ease-out);width:14px}.toggle-field input:checked+.toggle-field__track{background:var(--color-accent);border-color:var(--color-accent)}.toggle-field input:checked+.toggle-field__track span{border-color:var(--color-accent-ink);transform:translateX(14px)}.toggle-field input:focus-visible+.toggle-field__track{outline:2px solid var(--color-focus);outline-offset:2px}.beginner-workspace__lanes{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stream-lane{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-panel);min-width:0;padding:13px}.stream-lane__header{gap:9px;margin-bottom:10px}.stream-lane__icon{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-video);display:grid;flex:0 0 30px;height:30px;place-items:center;width:30px}.stream-lane--audio .stream-lane__icon{color:var(--color-audio)}.stream-lane__header h3{font-size:var(--text-sm)}.stream-lane__header span:not(.stream-lane__icon){color:var(--color-muted);display:block;font-size:11px;margin-top:1px}.stream-lane__steps{grid-gap:7px;display:grid;gap:7px}.beginner-step{grid-gap:8px;background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-control);display:grid;gap:8px;grid-template-columns:32px minmax(0,1fr) 40px;min-width:0;padding:9px}.beginner-step--audio .beginner-step__number{color:var(--color-audio)}.beginner-step__number{font-feature-settings:"tnum";background:var(--color-paper-2);border-radius:var(--radius-sm);color:var(--color-video);display:grid;font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;height:28px;place-items:center;width:28px}.beginner-step__body{grid-gap:8px;display:grid;gap:8px;min-width:0}.beginner-step__heading{flex-wrap:wrap;gap:4px 8px;justify-content:space-between}.beginner-step__heading strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.beginner-step__heading span{color:var(--color-muted);font-size:11px}.beginner-step .field-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.beginner-step .control-field__hint,.beginner-step .control-field__label{font-size:11px}.beginner-step .control-field input,.beginner-step .control-field select{font-size:var(--text-xs);min-height:36px;padding-inline:7px}.beginner-step__actions{align-items:flex-start;display:flex;flex-direction:column}.beginner-step__actions .icon-button{flex-basis:36px;height:36px;width:36px}.lane-empty{color:var(--color-muted);font-size:var(--text-xs);margin:0;padding:10px 4px}.add-step-row{align-items:center;background:#0000;border:1px dashed var(--color-rule-2);border-radius:var(--radius-control);color:var(--color-accent);display:flex;font-size:var(--text-xs);font-weight:500;gap:7px;justify-content:center;min-height:42px;white-space:nowrap}.add-step-row:hover{background:var(--color-panel);border-color:var(--color-accent)}.beginner-note{color:var(--color-muted);font-size:var(--text-xs);margin:12px 0 0}.advanced-workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;height:100%;min-height:0;min-width:0;width:100%}.advanced-workspace>.filter-library{border-right:1px solid var(--color-rule)}.canvas-region{background:var(--color-paper-2);display:flex;flex-direction:column;min-height:0;min-width:0}.canvas-toolbar{background:var(--color-paper);border-bottom:1px solid var(--color-rule);gap:var(--space-sm);justify-content:space-between;min-height:48px;padding:0 12px}.canvas-tool,.canvas-toolbar,.canvas-toolbar__actions,.canvas-toolbar__title{align-items:center;display:flex}.canvas-toolbar__title{color:var(--color-muted);gap:8px}.canvas-toolbar__title span:last-child{color:var(--color-neutral);font-family:var(--font-mono);font-size:10px}.canvas-toolbar__actions{gap:3px}.canvas-tool{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:var(--text-xs);gap:6px;min-height:36px;padding:0 8px;white-space:nowrap}.flow-canvas{flex:1 1;min-height:0;min-width:0;position:relative}.flow-canvas .react-flow{background:var(--color-paper-2)}.react-flow__edge-path{stroke:var(--color-rule-2);stroke-width:2}.react-flow__connection-path{stroke:var(--color-accent);stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke-width:3.5}.context-dismiss{inset:0;position:fixed;z-index:calc(var(--z-modal) + 1)}.canvas-context-menu{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-panel);box-shadow:0 10px 28px #1822332e;color:var(--color-ink);display:flex;flex-direction:column;gap:2px;max-height:min(72vh,480px);max-width:min(280px,calc(100vw - 16px));min-width:208px;overflow-y:auto;padding:5px;position:fixed;width:max-content;z-index:calc(var(--z-modal) + 2)}.canvas-context-menu button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-ink-2);cursor:pointer;display:flex;font:500 var(--text-sm)/1.3 var(--font-body);gap:9px;min-height:34px;padding:6px 9px;text-align:left;white-space:nowrap;width:100%}.canvas-context-menu button:focus-visible,.canvas-context-menu button:hover{background:var(--color-paper-2);color:var(--color-ink);outline:none}.canvas-context-menu button svg{color:var(--color-muted);flex:0 0 auto}.canvas-context-menu .context-menu-heading{color:var(--color-muted);font-size:var(--text-xs);font-weight:600;margin:4px 8px 3px}.canvas-context-menu .context-menu-heading:not(:first-child){margin-top:9px}.canvas-context-menu .context-menu-note{color:var(--color-muted);font-size:var(--text-xs);margin:3px 8px 6px;white-space:normal}.canvas-context-menu .context-menu-danger,.canvas-context-menu .context-menu-danger svg{color:var(--color-error)}.context-menu-divider{background:var(--color-rule);height:1px;margin:4px 6px}.context-menu-stream{color:var(--color-muted);font-size:var(--text-xs);margin-left:auto}.context-menu-stream--video{color:var(--color-video)}.context-menu-stream--audio{color:var(--color-audio)}.flow-node{background:var(--color-panel);border:1px solid var(--color-rule-2);border-radius:var(--radius-panel);color:var(--color-ink-2);min-height:116px;padding:12px;position:relative;width:220px}.flow-node.is-selected{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:1px}.flow-node--input{border-color:color-mix(in oklch,var(--color-video) 45%,var(--color-rule))}.flow-node--output{border-color:color-mix(in oklch,var(--color-success) 40%,var(--color-rule))}.flow-node__header{align-items:center;display:flex;gap:9px}.flow-node__icon{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-video);display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.flow-node__icon--audio{color:var(--color-audio)}.flow-node__icon--output{color:var(--color-success)}.flow-node__header div{display:grid;min-width:0}.flow-node__header strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node__header span:not(.flow-node__icon){color:var(--color-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:0}.flow-node__file{background:var(--color-paper-2);border-radius:var(--radius-sm);color:var(--color-neutral);font-family:var(--font-mono);font-size:10px;margin-top:10px;overflow:hidden;padding:6px 7px;text-overflow:ellipsis;white-space:nowrap}.flow-node__ports,.flow-node__ports span{align-items:center;display:flex}.flow-node__ports{color:var(--color-muted);font-size:10px;gap:12px;margin-top:8px}.flow-node__ports span{gap:5px}.port-marker{clip-path:polygon(0 0,100% 50%,0 100%);flex:0 0 8px;height:8px;width:8px}.port-marker--video{background:var(--color-video)}.port-marker--audio{background:var(--color-audio)}.flow-node--process{min-height:92px}.flow-node--option{border-style:dashed}.flow-node__parameters{display:flex;gap:5px;margin-top:10px;min-width:0;overflow:hidden}.flow-node__parameters>span:not(.flow-node__expression){align-items:center;background:var(--color-paper-2);border-radius:var(--radius-sm);color:var(--color-neutral);display:flex;font-family:var(--font-mono);font-size:9px;gap:4px;min-width:0;padding:4px 6px;white-space:nowrap}.flow-node__parameters b{color:var(--color-muted);font-weight:400}.flow-node__expression{color:var(--color-muted);font-family:var(--font-mono);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node__option-tag{color:var(--color-neutral);display:inline-block;font-family:var(--font-mono);font-size:9px;margin-top:9px}.filter-glyph{font-family:var(--font-mono);font-size:11px;font-weight:500}.flow-handle{background:var(--color-accent);border:2px solid var(--color-panel);border-radius:0;height:16px;width:15px}.flow-handle--source{clip-path:polygon(0 0,100% 50%,0 100%)}.flow-handle--target{clip-path:polygon(100% 0,0 50%,100% 100%)}.flow-handle--target-top{clip-path:polygon(0 100%,50% 0,100% 100%)}.react-flow__handle.flow-handle--video{background:var(--color-video)}.react-flow__handle.flow-handle--audio{background:var(--color-audio)}.react-flow__handle.flow-handle--secondary{background:var(--color-accent)}.react-flow__controls{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-control);box-shadow:none;overflow:hidden}.react-flow__controls-button{background:var(--color-panel);border-bottom:1px solid var(--color-rule);display:grid;height:38px;place-items:center;width:38px}.react-flow__controls-button:hover{background:var(--color-paper-2)}.react-flow__controls-button svg{fill:var(--color-ink-2);max-height:14px;max-width:14px}.flow-minimap{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.node-inspector{border-left:1px solid var(--color-rule)}.inspector-content{min-height:0;overflow:auto;padding:0 14px 18px}.inspector-node-heading{align-items:center;border-bottom:1px solid var(--color-rule);border-top:1px solid var(--color-rule);display:flex;gap:10px;margin:0 0 15px;padding:12px 0}.inspector-node-icon{border:1px solid var(--color-rule);border-radius:var(--radius-control);flex:0 0 34px;height:34px;width:34px}.inspector-node-icon--input{color:var(--color-video)}.inspector-node-icon--output{color:var(--color-success)}.inspector-node-heading div{grid-gap:2px;display:grid;gap:2px}.inspector-node-heading strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:600}.inspector-node-heading span{color:var(--color-muted);font-size:11px}.inspector-empty{grid-gap:12px;align-content:center;display:grid;gap:12px;justify-items:start;min-height:150px;padding:0 18px}.inspector-empty__line{background:var(--color-accent);height:2px;width:32px}.inspector-empty p{color:var(--color-muted);font-size:var(--text-sm);margin:0;max-width:24ch}.command-panel{background:var(--color-graphite);border-top:1px solid var(--color-graphite-rule);color:var(--color-code);display:flex;flex-direction:column;min-height:0;min-width:0;padding:0 18px 14px;z-index:var(--z-raised)}.command-action,.command-panel__actions,.command-panel__header,.command-panel__title{align-items:center;display:flex}.command-panel__header{border-bottom:1px solid var(--color-graphite-rule);gap:var(--space-md);justify-content:space-between;min-height:60px}.command-panel__title{gap:10px;min-width:0}.command-panel__icon{border:1px solid var(--color-graphite-rule);border-radius:var(--radius-control);color:var(--color-accent-ink);display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.command-panel__title h2{color:var(--color-code);font-size:var(--text-sm)}.command-panel__title div>span{color:var(--color-code-muted);display:block;font-size:11px;margin-top:2px}.command-panel__actions{gap:7px}.shell-switch{background:var(--color-graphite-2);border:1px solid var(--color-graphite-rule);border-radius:var(--radius-control);display:flex;gap:2px;padding:3px}.shell-switch button{color:var(--color-code-muted);font-family:var(--font-mono);font-size:10px;min-height:30px;padding:0 9px}.shell-switch button.is-active{background:var(--color-graphite)}.command-action,.shell-switch button.is-active{border-color:var(--color-graphite-rule);color:var(--color-code)}.command-action{background:#0000;font-size:var(--text-xs);gap:7px;justify-content:center;min-height:36px;padding:0 10px}.command-action:hover:not(:disabled){background:var(--color-graphite-2)}.command-action--copy{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.command-action--copy:hover:not(:disabled){background:var(--color-focus)}.command-code{color:var(--color-code);flex:1 1;font-family:var(--font-mono);font-size:12px;line-height:1.65;margin:0;min-height:0;overflow:auto;overflow-wrap:anywhere;padding:15px 2px 8px;scrollbar-color:var(--color-graphite-rule) #0000;scrollbar-width:thin;white-space:pre-wrap}.command-code code{font:inherit}.command-problems,.command-warnings{grid-gap:5px;display:grid;font-size:var(--text-xs);gap:5px;overflow:auto;padding:10px 0}.command-problems p{align-items:flex-start;color:var(--color-error-text);display:flex;gap:7px;margin:0}.command-problems svg{flex:0 0 15px}.command-warnings{color:var(--color-warning-text);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:44px}.app-notification{background:var(--color-panel);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);bottom:234px;bottom:calc(var(--command-height, 218px) + 16px);color:var(--color-ink);font-size:var(--text-sm);max-width:min(360px,calc(100% - 32px));padding:10px 14px;position:fixed;right:16px;z-index:var(--z-toast)}.import-dialog{background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-panel);color:var(--color-ink-2);margin:auto;max-height:min(80dvh,620px);padding:0;width:min(620px,calc(100% - 32px))}.import-dialog::backdrop{background:color-mix(in oklch,var(--color-ink) 44%,#0000)}.import-dialog form{grid-gap:var(--space-md);display:grid;gap:var(--space-md);padding:20px}.dialog-heading{gap:var(--space-md);justify-content:space-between}.dialog-heading h2{font-size:var(--text-lg)}.dialog-heading p{color:var(--color-muted);font-size:var(--text-sm);margin:4px 0 0}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.button-primary,.button-secondary{border-color:var(--color-rule-2);justify-content:center;min-height:42px;min-width:88px}.button-secondary{background:var(--color-panel);color:var(--color-ink-2)}.import-warnings{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--text-xs);padding:9px 10px}@media (hover:hover) and (pointer:fine){.button-primary:hover:not(:disabled),.button-secondary:hover,.header-action:hover,.header-new:hover,.icon-button:hover:not(:disabled){transform:translateY(-1px)}}@media (max-width:76rem){.app-header{gap:6px;grid-template-columns:minmax(220px,1fr) auto}.header-center{grid-column:1/-1;grid-row:2;justify-content:flex-start}.app-header{grid-template-rows:58px 44px;height:103px;padding-bottom:6px}.app-shell{--header-height:103px}.header-actions{grid-column:2;grid-row:1}.advanced-workspace{grid-template-columns:230px minmax(0,1fr) 260px}.workspace-shell--beginner{grid-template-columns:245px minmax(0,1fr)}}@media (max-width:60rem){#root,body,html{height:auto;min-height:100%}.app-shell{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 44px;height:auto;min-height:104px;padding:0 12px 6px;position:sticky;top:0;z-index:var(--z-sticky)}.brand-lockup{gap:7px}.project-name-field input{width:110px}.save-indicator{display:none}.header-center{grid-column:1;grid-row:2}.header-actions{grid-column:2;grid-row:2}.header-action,.header-new{height:38px;justify-content:center;min-width:38px;padding:0;width:38px}.header-action span,.header-new span{display:none}.mode-switch button{min-height:38px;padding:0 9px}.workspace-shell,.workspace-shell--beginner{display:flex;flex-direction:column;min-height:0;overflow:visible}.filter-library{border-bottom:1px solid var(--color-rule);border-right:0;max-height:290px;width:100%}.panel-heading{min-height:60px}.library-categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.library-categories button{flex:0 0 auto}.preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:110px}.library-footer{display:none}.beginner-workspace{overflow:visible;padding:20px 16px 24px}.beginner-workspace__lanes,.source-output-grid{grid-template-columns:minmax(0,1fr)}.source-output-grid{gap:10px}.advanced-workspace{display:flex;flex-direction:column;height:auto}.advanced-workspace>.filter-library{max-height:250px}.canvas-region{min-height:430px}.flow-canvas{flex:0 0 370px;height:370px;min-height:370px}.node-inspector{border-left:0;border-top:1px solid var(--color-rule);min-height:250px}.inspector-content{overflow:visible}.command-panel{min-height:190px;padding-inline:14px}.command-panel__header{min-height:68px}.command-code{min-height:86px}.app-notification{bottom:16px}}@media (max-width:40rem){.app-header{grid-template-columns:minmax(0,1fr);grid-template-rows:50px 44px 42px;padding-inline:10px}.brand-lockup{grid-column:1;grid-row:1}.brand-mark{flex-basis:30px;height:30px;width:30px}.brand-wordmark span,.header-divider,.project-name-field{display:none}.header-actions{grid-column:1;grid-row:3;justify-content:flex-start}.header-action,.header-new{min-height:36px;min-width:36px;width:36px}.header-center{grid-column:1;grid-row:2}.mode-switch button{min-height:36px;padding-inline:11px}.filter-library{max-height:265px}.preset-list{grid-template-columns:minmax(0,1fr);max-height:100px}.preset-row{min-height:50px}.beginner-workspace{padding:18px 12px 20px}.beginner-workspace__intro{align-items:flex-start;flex-direction:column;gap:10px}.beginner-workspace__intro h1{font-size:var(--text-xl)}.workflow-path{max-width:100%}.workflow-form-section{padding:12px}.field-grid{grid-template-columns:minmax(0,1fr)}.beginner-step{gap:6px;grid-template-columns:30px minmax(0,1fr) 38px;padding:7px}.beginner-step__actions .icon-button{flex-basis:34px;height:34px;width:34px}.canvas-toolbar{align-items:flex-start;flex-direction:column;gap:2px;padding:7px 8px}.canvas-toolbar__actions{justify-content:flex-end;width:100%}.canvas-tool{min-height:40px}.canvas-region{min-height:410px}.flow-canvas{flex:0 0 350px;height:350px;min-height:350px}.flow-minimap{display:none}.flow-canvas .react-flow__controls{display:flex;flex-direction:row}.flow-canvas .react-flow__controls-button{border-bottom:0;border-right:1px solid var(--color-rule)}.flow-canvas .react-flow__controls-button:last-child{border-right:0}.command-panel{min-height:220px;padding:0 10px 10px}.command-panel__header{flex-wrap:wrap;gap:4px;padding:7px 0}.command-panel__actions{gap:5px;justify-content:flex-end;width:100%}.shell-switch button{min-height:34px;padding-inline:7px}.command-action{min-height:38px;padding-inline:8px}.command-action span{white-space:nowrap}.command-code{font-size:11px;padding-top:9px}.import-dialog form{padding:14px}}@media (pointer:coarse){.icon-button,.preset-add,.react-flow__controls-button{min-height:44px;min-width:44px}.control-field input,.control-field select{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.15s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.15s!important}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}
/*# sourceMappingURL=main.6128c759.css.map*/