@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commit-mono-latin-400-normal-wzhe4RuD.woff2)format("woff2")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commit-mono-latin-500-normal-5uPfnx7h.woff2)format("woff2")}:root{--font-display:"Bricolage Grotesque Variable", "Instrument Sans Variable", sans-serif;--font-ui:"Instrument Sans Variable", sans-serif;--font-code:"Commit Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-control:999px;--radius-code:10px;--radius-panel:12px;--border-hairline:1px;--shadow-raised:0 18px 50px #00000014;--focus-width:2px;--focus-offset:3px;--duration-fast:.16s;--duration-base:.24s;--duration-reveal:.6s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--text-xs:.625rem;--text-sm:.72rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--min-tap-target:44px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--surface-canvas);border-radius:var(--radius-control)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-webkit-scrollbar-thumb:active{background:var(--text-primary)}@media (forced-colors:active){*{scrollbar-color:auto}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f8f8f4;--surface-raised:#fff;--surface-sunken:#ecece6;--surface-inverse:#171814;--border-subtle:#dedfd8;--border-strong:#aeb0a6;--text-primary:#171814;--text-secondary:#606359;--text-inverse:#fafbf6;--signal:#356d12;--signal-hover:#28570e;--signal-contrast:#fff;--focus-ring:#356d12;--status-warning:#885006;--status-warning-surface:#fff3dc;--scrollbar-thumb:#aeb0a6;--scrollbar-track:transparent;--diagram-canvas:#f8f8f4;--diagram-canvas-line:#d5d7cf;--surface-0:var(--surface-canvas);--surface-1:var(--surface-raised);--surface-2:var(--surface-sunken);--line:var(--border-subtle);--line-strong:var(--border-strong);--text-1:var(--text-primary);--text-2:var(--text-secondary);--accent:var(--signal);--accent-hover:var(--signal-hover);--accent-contrast:var(--signal-contrast);--transition-fast:var(--duration-fast) ease-out;--transition-base:var(--duration-base) ease-out;--transition-smooth:.24s var(--ease-standard);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 12px 24px #0000001f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#11120f;--surface-raised:#181915;--surface-sunken:#24251f;--surface-inverse:#f0f1eb;--border-subtle:#303129;--border-strong:#62645b;--text-primary:#f0f1eb;--text-secondary:#a1a39a;--text-inverse:#11120f;--signal:#a9e876;--signal-hover:#baf08d;--signal-contrast:#11120f;--focus-ring:#a9e876;--status-warning:#f0c477;--status-warning-surface:#352a18;--scrollbar-thumb:#62645b;--diagram-canvas:#11120f;--diagram-canvas-line:#303129;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 12px 24px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#11120f;--surface-raised:#181915;--surface-sunken:#24251f;--surface-inverse:#f0f1eb;--border-subtle:#303129;--border-strong:#62645b;--text-primary:#f0f1eb;--text-secondary:#a1a39a;--text-inverse:#11120f;--signal:#a9e876;--signal-hover:#baf08d;--signal-contrast:#11120f;--focus-ring:#a9e876;--status-warning:#f0c477;--status-warning-surface:#352a18;--scrollbar-thumb:#62645b;--diagram-canvas:#11120f;--diagram-canvas-line:#303129}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}body{background:var(--surface-0);min-height:100dvh;color:var(--text-1);font-family:var(--font-ui);font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button,select,textarea,input{font:inherit}button,select{color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{z-index:1001;border:1px solid var(--accent);background:var(--surface-1);color:var(--text-1);font-family:var(--font-code);transition:transform var(--transition-fast);border-radius:4px;padding:.375rem .625rem;font-size:.8125rem;position:absolute;top:.5rem;left:.5rem;transform:translateY(calc(-100% - 1rem))}.skip-link:focus-visible{transform:translateY(0)}.app-shell{background:var(--surface-0);flex-direction:column;width:100%;min-width:0;height:100dvh;min-height:0;margin:0;display:flex;overflow:hidden}.command-bar{z-index:20;background:var(--surface-1);border-bottom:1px solid var(--line);min-height:3rem;animation:command-bar-enter var(--transition-smooth) ease-out;align-items:center;gap:.75rem;padding:.375rem 1rem;display:flex;position:relative}@keyframes command-bar-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.command-bar[hidden]{display:none}.command-bar-context,.command-bar-actions,.control-group,.preview-controls{align-items:center;display:flex}.command-bar-brand{min-width:max-content}.wordmark{color:var(--text-1);font-family:var(--font-code);letter-spacing:.12em;transition:color var(--transition-fast);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark__mark{flex-shrink:0;width:1.375rem;height:1.375rem}.wordmark:hover{color:var(--accent)}.pane-header h2,.empty-title{color:var(--text-1);margin:0;font-weight:600}.command-bar-context{flex:auto;min-width:8rem;max-width:26rem;margin-inline-start:auto;margin-inline-end:auto}.command-bar-context .control-group,.command-bar-context select{width:100%;min-width:0}.command-bar-actions{flex:none;gap:.375rem}.control-group{color:var(--text-2);gap:.5rem;font-size:.75rem;font-weight:500}.control-group label{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.6875rem;font-weight:600}.control-group select,.btn-primary,.btn-secondary{border:1px solid var(--line-strong);cursor:pointer;min-height:2rem;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:4px}.control-group select{background:var(--surface-0);color:var(--text-1);font-family:var(--font-code);border:1px solid var(--line);padding:.25rem .625rem;font-size:.75rem}.control-group select:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-primary,.btn-secondary{align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.btn-primary{background:var(--text-1);border-color:var(--text-1);color:var(--surface-0)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-1);border-color:var(--line);color:var(--text-1);text-decoration:none}.btn-secondary:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--text-1)}.btn-secondary:active{transform:scale(.98)}.icon-button{justify-content:center;width:2rem;padding:.375rem}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-2)}.icon-button:active{transform:scale(.98)}.docs-link{color:var(--text-1)}.docs-link:hover{border-color:var(--line-strong);color:var(--text-1)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.diagram-settings{position:relative}.settings-trigger{white-space:nowrap}.settings-popover{z-index:40;border:1px solid var(--line);background:var(--surface-1);width:min(20rem,100vw - 1.5rem);box-shadow:var(--shadow-md);animation:popover-enter var(--transition-fast) ease-out;border-radius:6px;padding:.875rem;position:absolute;top:calc(100% + .375rem);right:0}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-field+.settings-field{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.settings-field label{color:var(--text-1);letter-spacing:.02em;font-size:.75rem;font-weight:600;display:block}.settings-field p{color:var(--text-2);margin:.125rem 0 .375rem;font-size:.6875rem}.settings-field select{border:1px solid var(--line);background:var(--surface-0);width:100%;min-height:1.875rem;color:var(--text-1);cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.settings-field select:hover{border-color:var(--line-strong)}.settings-divider{background:var(--line);height:1px;margin:.75rem 0}.settings-info{padding-top:.25rem}.settings-info-title{color:var(--text-1);margin:0 0 .25rem;font-size:.75rem;font-weight:600}.settings-info-description{color:var(--text-2);margin:0 0 .5rem;font-size:.6875rem;line-height:1.45}.settings-link{color:var(--accent);transition:color var(--transition-fast);font-size:.6875rem;font-weight:600;text-decoration:none;display:inline-block}.settings-link:hover{color:var(--accent-hover)}.export-menu,.import-menu{position:relative}.export-menu-popover,.import-menu-popover{z-index:50;border:1px solid var(--line);background:var(--surface-1);min-width:10.5rem;box-shadow:var(--shadow-md);animation:popover-enter var(--transition-fast) ease-out;border-radius:6px;padding:.25rem;display:grid;position:absolute;top:calc(100% + .375rem);right:0}.export-menu-popover button,.import-menu-popover button{min-height:1.875rem;color:var(--text-1);cursor:pointer;text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:3px;align-items:center;gap:.5rem;padding:.3125rem .5rem;font-size:.75rem;display:flex}.export-menu-popover button:hover,.import-menu-popover button:hover{background:var(--surface-2);color:var(--text-1)}.export-menu-popover button:focus-visible{background:var(--surface-2);outline:none}.import-menu-popover button:focus-visible{background:var(--surface-2);outline:none}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-enter var(--transition-smooth) ease-out;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.modal-dialog{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;max-width:30rem;box-shadow:var(--shadow-lg);animation:modal-enter var(--transition-smooth) cubic-bezier(.16, 1, .3, 1);border-radius:8px;position:relative;overflow:hidden}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--line);background:var(--surface-1);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.modal-title{color:var(--text-1);letter-spacing:-.01em;margin:0;font-size:.875rem;font-weight:600}.modal-close{width:1.75rem;height:1.75rem;color:var(--text-2);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:4px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.modal-close:hover{background:var(--surface-2);color:var(--text-1)}.modal-body{padding:1rem 1.125rem}.modal-description{color:var(--text-2);margin:0 0 .875rem;font-size:.75rem;line-height:1.5}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-1);font-family:var(--font-code);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.form-input{border:1px solid var(--line);background:var(--surface-0);width:100%;min-height:2.25rem;color:var(--text-1);font-family:var(--font-code);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:4px;padding:.375rem .625rem;font-size:.75rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);outline:0}.form-input::placeholder{color:var(--text-2);opacity:.7}.modal-error{color:#9f2f2d;background:#fdebec;border:1px solid #dc26264d;border-radius:4px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.75rem;line-height:1.4;display:flex}[data-theme=dark] .modal-error{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.modal-error svg{flex-shrink:0;margin-top:.125rem}.modal-footer{border-top:1px solid var(--line);background:var(--surface-0);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.share-modal-backdrop{z-index:1100}.share-modal{border-color:var(--border-subtle);border-radius:var(--radius-panel);max-width:35rem;max-height:min(42rem,100dvh - 2rem);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.share-modal__masthead{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0;display:flex}.share-modal__heading{min-width:0}.share-modal__eyebrow{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.1em;margin:0;font-weight:600}.share-modal__title{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.045em;margin:.2rem 0 0;font-size:1.4rem;font-weight:600;line-height:1.2}.share-modal__intro{max-width:32rem;color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.45}.share-modal__content{min-height:0;padding:var(--space-3) var(--space-5) var(--space-4);overflow-y:auto}.share-modal__options{gap:var(--space-4);margin-top:var(--space-3);display:grid}.share-choice{min-width:0}.share-choice--revoke{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.share-choice__heading{min-width:0}.share-choice__heading h3{color:var(--text-primary);font-size:var(--text-sm);margin:0;font-weight:600}.share-choice__heading p{color:var(--text-secondary);font-size:var(--text-xs);margin:.15rem 0 0;line-height:1.45}.share-link-field{align-items:stretch;gap:var(--space-2);margin-top:var(--space-2);display:flex}.share-link-field input{min-width:0;min-height:2.625rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-code);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-sm);flex:1}.share-copy-button,.share-embed-copy{white-space:nowrap;justify-content:center;min-height:2.625rem}.share-copy-button{padding-inline:var(--space-3);border-radius:var(--radius-code);background:var(--signal);border-color:var(--signal);color:var(--signal-contrast)}.share-copy-button:hover{background:var(--signal-hover);border-color:var(--signal-hover);color:var(--signal-contrast)}.share-embed-preview{max-height:4.5rem;margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-code);background:var(--surface-sunken);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;line-height:1.55;overflow:auto}.share-embed-copy{padding-inline:var(--space-3);border-radius:var(--radius-code)}.share-modal__secondary-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.share-embed-details{color:var(--text-secondary);font-size:var(--text-xs)}.share-embed-details summary{cursor:pointer;width:-moz-fit-content;width:fit-content;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.18em}.share-embed-details summary:hover{color:var(--text-primary)}.share-embed-details summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px}.share-revoke-button{min-height:2.375rem;margin-top:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-code)}.share-modal__loading{align-items:center;gap:var(--space-3);min-height:var(--space-8);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);padding:0 .25rem;display:flex}.share-modal__spinner{border:2px solid var(--border-subtle);border-top-color:var(--signal);border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite share-spin}@keyframes share-spin{to{transform:rotate(360deg)}}.share-modal__error{margin-top:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--text-primary) 22%, var(--border-subtle));border-radius:var(--radius-code);background:color-mix(in srgb, var(--text-primary) 4%, var(--surface-canvas));color:var(--text-primary);gap:.625rem;display:flex}.share-modal__error>svg{color:var(--text-primary);flex:none;margin-top:.1rem}.share-modal__error strong{font-size:var(--text-base)}.share-modal__error p,.share-modal__copy-error{color:var(--text-secondary);font-size:var(--text-sm);margin:.25rem 0 0}.share-modal__copy-error{color:var(--text-primary)}.share-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-canvas);display:flex}.share-modal__footer .btn-primary,.share-modal__footer .btn-secondary{min-height:var(--min-tap-target);padding-inline:var(--space-4);border-radius:var(--radius-code)}@media (max-width:34rem){.share-modal__content,.share-modal__masthead,.share-modal__footer{padding-inline:var(--space-4)}.share-link-field{flex-direction:column;align-items:stretch}.share-modal__secondary-actions{align-items:flex-start;gap:var(--space-2);flex-direction:column}}@media (max-height:40rem){.share-modal-backdrop{padding-block-start:.5rem;padding-block-end:.5rem}.share-modal{max-height:calc(100dvh - 1rem)}}@media (prefers-reduced-motion:reduce){.share-modal__spinner{animation:none}}.workspace-grid{background:var(--surface-0);flex:1;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;display:grid;overflow:hidden}.workspace-tablist{display:none}.workspace-panel{min-width:0;min-height:0}.workspace-editor-panel{grid-area:1/1}.workspace-preview-panel{grid-area:1/3}.workspace-splitter{background:var(--line);cursor:col-resize;touch-action:none;z-index:15;min-height:0;transition:background-color var(--transition-fast);grid-area:1/2;position:relative;overflow:visible}.workspace-splitter:before{content:"";cursor:col-resize;z-index:1;width:24px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.workspace-splitter:hover,.workspace-splitter.is-dragging{background:var(--accent)}.workspace-splitter:focus-visible{background:var(--accent)}.splitter-handle{z-index:2;border:1px solid var(--line-strong);background:var(--surface-1);width:24px;height:42px;color:var(--text-2);transition:transform var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);cursor:col-resize;pointer-events:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000001f}.workspace-splitter:hover .splitter-handle,.workspace-splitter.is-dragging .splitter-handle{border-color:var(--accent);color:var(--accent);transform:translate(-50%,-50%)scale(1.08);box-shadow:0 4px 12px #00000038,0 1px 3px #0000001f}.workspace-splitter:focus-visible .splitter-handle{border-color:var(--accent);color:var(--accent);transform:translate(-50%,-50%)scale(1.08);box-shadow:0 4px 12px #00000038,0 1px 3px #0000001f}.splitter-handle .handle-dot{opacity:.75;width:3px;height:3px;transition:opacity var(--transition-fast);background:currentColor;border-radius:9999px}.workspace-splitter:hover .splitter-handle .handle-dot,.workspace-splitter.is-dragging .splitter-handle .handle-dot{opacity:1}.workspace-splitter:focus-visible .splitter-handle .handle-dot{opacity:1}.workspace-grid>.diagnostics-drawer{grid-area:2/1/auto/-1}.workspace-status-bar{grid-area:3/1/auto/-1}.pane-header{background:var(--surface-1);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:2.25rem;padding:.25rem .875rem;font-size:.75rem;display:flex}.pane-header h2{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;color:var(--text-1);font-size:.6875rem;font-weight:600}.editor-pane,.preview-pane{flex-direction:column;min-height:0;display:flex}.editor-pane{background:var(--surface-1);height:100%}.editor-source-label{color:var(--text-2);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:600}.editor-body{background:var(--surface-1);flex:1;min-height:0;overflow:hidden}.editor-body>div{height:100%}.editor-body .monaco-editor .overview-ruler{border-left:0!important}.editor-loading{height:100%;color:var(--text-2);font-family:var(--font-code);place-items:center;font-size:.8125rem;animation:1.5s ease-in-out infinite editor-loading-pulse;display:grid}@keyframes editor-loading-pulse{0%,to{opacity:.4}50%{opacity:.9}}.source-input{resize:none;background:var(--surface-1);width:100%;height:100%;color:var(--text-1);font-family:var(--font-code);-moz-tab-size:2;tab-size:2;border:0;padding:1rem;font-size:.8125rem;line-height:1.65;display:block}.source-input::placeholder{color:var(--text-2)}.preview-pane{background:var(--surface-canvas);height:100%}.preview-viewport{--canvas-dot:color-mix(in srgb, var(--border-subtle) 65%, transparent);background-color:var(--surface-canvas);background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-position:-1px -1px;background-size:20px 20px;flex:1;position:relative;overflow:hidden}.preview-viewport.is-panning{cursor:grabbing}.preview-viewport.is-panning .preview-stage{transition:none!important}.preview-canvas-label{z-index:3;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);color:var(--text-2);font-family:var(--font-code);letter-spacing:.1em;pointer-events:none;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;line-height:1.4;position:absolute;top:.75rem;left:.75rem;box-shadow:0 1px 3px #0000000a}.preview-overlay{z-index:4;align-items:center;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.preview-controls{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.preview-controls button,.preview-controls output{border:0;border-right:1px solid var(--border-subtle);min-width:1.875rem;height:1.875rem;color:var(--text-1);text-align:center;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.6875rem;font-weight:500}.preview-controls button{cursor:pointer;place-items:center;padding:0 .375rem;display:grid}.preview-controls button:hover{background:var(--surface-2);color:var(--text-1)}.preview-controls button:active{background:var(--surface-0);transform:scale(.96)}.preview-controls button:focus-visible{z-index:1;outline-color:var(--focus-ring);outline-offset:-2px;position:relative}.preview-controls output{font-family:var(--font-code);font-variant-numeric:tabular-nums;place-items:center;padding:0 .5rem;display:grid}.preview-controls button:last-child{border-right:0}.rendering-spinner,.error-indicator{color:var(--text-2);font-size:.6875rem;font-family:var(--font-code)}.preview-overlay .rendering-spinner{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:.1875rem .5rem;box-shadow:0 1px 3px #0000000a}.error-indicator{color:#9f2f2d;font-weight:500}[data-theme=dark] .error-indicator{color:#fca5a5}.preview-stage{transform-origin:50%;transition:transform var(--transition-fast);will-change:transform;position:absolute;top:50%;left:50%}.svg-container{line-height:0}.svg-container svg{display:block}.svg-container [data-archlex-id]{cursor:pointer;transition:outline var(--transition-fast)}.svg-container [data-archlex-id].selected{outline:2px solid var(--accent);outline-offset:4px}.empty-state{color:var(--text-2);text-align:center;place-content:center;justify-items:center;gap:.625rem;padding:2rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.empty-icon{border:1px solid var(--line);background:var(--surface-1);width:3rem;height:3rem;color:var(--text-1);border-radius:8px;place-items:center;margin-bottom:.25rem;display:grid}.empty-title{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.empty-hint{max-width:24rem;margin:0;font-size:.75rem;line-height:1.5}.empty-code{border:1px solid var(--line);background:var(--surface-1);max-width:100%;color:var(--accent);font-family:var(--font-code);text-align:left;border-radius:4px;padding:.5rem .75rem;font-size:.6875rem;overflow-x:auto}.diagnostics-drawer{background:var(--surface-1);border-top:1px solid var(--line-strong);width:auto;max-height:14rem;color:var(--text-1);border-bottom:0;border-left:0;border-right:0;margin:0;padding:0;position:static;overflow:hidden}.diagnostics-drawer-header{border-bottom:1px solid var(--line);background:var(--surface-1);align-items:center;gap:.75rem;min-height:2.25rem;padding:.25rem .875rem;display:flex}.diagnostics-drawer-header h2{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.diagnostic-filters{align-items:center;gap:.25rem;display:flex}.diagnostic-filters button,.diagnostics-close,.diagnostic-remediation-toggle{color:var(--text-2);cursor:pointer;font-family:var(--font-code);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:3px;font-size:.625rem}.diagnostic-filters button{min-height:1.5rem;padding:.125rem .5rem}.diagnostic-filters button:hover,.diagnostic-filters button[aria-pressed=true],.diagnostics-close:hover,.diagnostic-remediation-toggle:hover{border-color:var(--line);background:var(--surface-2);color:var(--text-1)}.diagnostic-filters button[aria-pressed=true]{border-color:var(--line-strong);font-weight:600}.diagnostics-close{min-height:1.5rem;margin-left:auto;padding:.125rem .5rem}.diagnostics-listbox{max-height:11.5rem;margin:0;padding:0;list-style:none;overflow-y:auto}.diagnostic-row-wrapper{border-bottom:1px solid var(--line);background:var(--surface-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.diagnostic-row{background:var(--surface-1);cursor:pointer;min-height:2.125rem;transition:background-color var(--transition-fast);grid-template-columns:.375rem minmax(12rem,1fr) auto auto;align-items:center;gap:.625rem;padding:.25rem .875rem;font-size:.75rem;display:grid}.diagnostic-row-wrapper:not(.has-remediation) .diagnostic-row{grid-column:1/-1}.diagnostic-row:hover,.diagnostic-row.selected{background:var(--surface-2)}.diagnostic-row:focus-visible{background:var(--surface-2)}.diagnostic-severity-marker{background:var(--line-strong);border-radius:9999px;width:.375rem;height:.375rem}.diagnostic-severity-marker.error{background:#9f2f2d}[data-theme=dark] .diagnostic-severity-marker.error{background:#fca5a5}.diagnostic-severity-marker.warning{background:#956400}[data-theme=dark] .diagnostic-severity-marker.warning{background:#fcd34d}.diagnostic-severity-marker.info{background:#1f6c9f}[data-theme=dark] .diagnostic-severity-marker.info{background:#93c5fd}.diagnostic-message{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostic-code,.diagnostic-line{color:var(--text-2);font-family:var(--font-code);font-size:.625rem}.diagnostic-remediation-toggle{align-self:center;margin-right:.75rem;padding:.125rem .375rem}.diagnostic-remediation{border-top:1px solid var(--line);color:var(--text-2);background:var(--surface-0);grid-column:1/-1;margin:0;padding:.5rem .875rem .625rem 1.875rem;font-size:.6875rem;line-height:1.45}.system-issue-row{color:var(--text-1);background:#fdebec;border-bottom:1px solid #dc262633;grid-template-columns:.375rem auto minmax(10rem,1fr);align-items:center;gap:.625rem;padding:.5rem .875rem;font-size:.75rem;display:grid}[data-theme=dark] .system-issue-row{background:#ef44441a;border-bottom-color:#ef444433}.system-issue-row strong{color:#9f2f2d}[data-theme=dark] .system-issue-row strong{color:#fca5a5}.system-issue-detail{color:var(--text-2);font-family:var(--font-code);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.system-issue-row p{color:var(--text-2);grid-column:2/-1;margin:0;font-size:.6875rem}.render-metadata{border-top:1px solid var(--line);background:var(--surface-1);min-height:1.75rem;color:var(--text-2);font-family:var(--font-code);font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;padding:.125rem .875rem;font-size:.625rem;display:flex}.status-diagnostics,.status-metadata{align-items:center;gap:.625rem;display:flex}.status-metadata{order:2;margin-left:auto}.status-metadata>span+span{border-left:1px solid var(--line);padding-left:.625rem}.status-provider{letter-spacing:.04em}.status-metadata .icon-loading{color:var(--text-2);font-style:italic}.status-diagnostic-count{color:var(--text-2);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3rem;padding:.125rem .375rem;font-size:.625rem;display:inline-flex}.status-diagnostic-count:hover,.status-diagnostic-count[aria-pressed=true]{color:var(--text-1);border-color:var(--line)}.status-diagnostic-count.error{color:#9f2f2d;background:#fdebec}[data-theme=dark] .status-diagnostic-count.error{color:#fca5a5;background:#ef444426}.status-diagnostic-count.warning{color:#956400;background:#fbf3db}[data-theme=dark] .status-diagnostic-count.warning{color:#fcd34d;background:#f59e0b26}.status-diagnostic-count.info{color:#1f6c9f;background:#e1f3fe}[data-theme=dark] .status-diagnostic-count.info{color:#93c5fd;background:#3b82f626}.status-severity-marker{background:currentColor;border-radius:9999px;width:.3125rem;height:.3125rem}.status-operation{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;animation:status-fade-in var(--transition-base) ease-out;order:1;overflow:hidden}@keyframes status-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.status-operation.success{color:var(--accent)}.status-operation.error{color:#9f2f2d}[data-theme=dark] .status-operation.error{color:#fca5a5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--text-1);font-family:var(--font-code);border-radius:3px;padding:.125rem .3125rem;font-size:.625rem;line-height:1;display:inline-block}@media (max-width:900px){.command-bar{flex-wrap:nowrap;gap:.5rem;padding-inline-start:.75rem;padding-inline-end:.75rem}.command-bar-context{flex:auto;min-width:0;margin-inline-start:0;margin-inline-end:0}.command-bar-context .example-label,.settings-trigger span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-trigger{justify-content:center;width:2rem;padding-inline-start:.375rem;padding-inline-end:.375rem}.command-bar-actions{flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0}}@media (max-width:640px){.command-bar{gap:.375rem;padding-inline-start:.5rem;padding-inline-end:.5rem}.command-bar-actions{gap:.25rem}.command-bar-actions .btn-label{display:none}.command-bar-actions .btn-secondary{justify-content:center;min-width:2rem;min-height:2rem;padding:.375rem}.preview-controls button,.preview-controls output{min-width:2rem;height:2rem;font-size:.75rem}}@media (max-width:480px){.wordmark-text{display:none}.wordmark{gap:0}}@media (max-width:760px){.app-shell{width:100%;height:100dvh;margin:0}.workspace-grid{grid-template-rows:auto minmax(20rem,1fr) auto auto;grid-template-columns:1fr!important}.workspace-tablist{border-bottom:1px solid var(--line);background:var(--surface-1);grid-area:1/1;display:flex}.workspace-tab{border:0;border-right:1px solid var(--line);min-height:2.25rem;color:var(--text-2);cursor:pointer;font-family:var(--font-code);letter-spacing:.05em;text-transform:uppercase;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:.375rem .75rem;font-size:.6875rem;font-weight:600}.workspace-tab[aria-selected=true]{background:var(--surface-2);color:var(--text-1)}.workspace-panel{visibility:hidden;pointer-events:none;grid-area:2/1}.workspace-panel.is-active{visibility:visible;pointer-events:auto}.workspace-splitter{display:none}.workspace-grid>.diagnostics-drawer{grid-area:3/1}.workspace-status-bar{grid-area:4/1}.editor-pane{height:100%}}.workspace.is-fullscreen{z-index:1000;background:var(--surface-0);position:fixed;top:0;bottom:0;left:0;right:0;grid-template-rows:minmax(0,1fr)!important;grid-template-columns:1fr!important}.workspace.is-fullscreen .workspace-tablist,.workspace.is-fullscreen .workspace-editor-panel,.workspace.is-fullscreen .workspace-splitter,.workspace.is-fullscreen>.diagnostics-drawer,.workspace.is-fullscreen>.workspace-status-bar{display:none}.workspace.is-fullscreen .workspace-preview-panel{visibility:visible;pointer-events:auto;grid-area:1/1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}.command-bar,.settings-popover,.modal-dialog,.modal-backdrop,.export-menu-popover,.import-menu-popover{animation:none}}.example-browser{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-raised);width:min(640px,100vw - 32px);max-width:none;height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - 48px);color:var(--text-primary);box-shadow:var(--shadow-raised);padding:0}.example-browser[open]{flex-direction:column;display:flex}.example-browser::backdrop{background:#00000073}.example-browser__header{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.example-browser h2{font:600 22px var(--font-display);margin:4px 0 0}.example-browser__eyebrow,.example-browser__meta{font:12px var(--font-code);color:var(--text-secondary)}.example-browser__filters{border-bottom:1px solid var(--border-subtle);padding:0 20px 12px}.example-browser input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--surface-canvas);width:100%;min-height:44px;color:var(--text-primary);font:inherit;border-radius:8px;padding:12px}.example-browser__providers{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.example-browser__providers button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);min-height:44px;color:var(--text-primary);cursor:pointer;font:inherit;padding:8px 16px}.example-browser__providers button[aria-pressed=true]{background:var(--signal);color:var(--signal-contrast);border-color:var(--signal)}.example-browser__filter-row{align-items:center;gap:12px;font-size:13px;display:flex}.example-browser__filter-row select{min-width:0;max-width:60%}.example-browser__filter-row output{color:var(--text-secondary);white-space:nowrap;margin-left:auto}.example-browser__body{flex:0 auto;grid-template-columns:1fr;min-height:0;display:grid}.example-browser__results{border-right:1px solid var(--border-subtle);padding:8px;overflow-y:auto}.example-browser__result{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.example-browser__result strong{font-size:15px}.example-browser__result>span:last-child{color:var(--text-secondary);font-size:13px;line-height:1.5}.example-browser__result:hover{background:var(--surface-canvas)}.example-browser__result[aria-pressed=true]{border-color:var(--signal);background:var(--surface-canvas)}.example-browser__detail{background:var(--surface-canvas);padding:24px;overflow-y:auto}.example-browser__detail h3{font:600 22px var(--font-display);margin:12px 0}.example-browser__detail p{font-size:14px;line-height:1.6}.example-browser__diagram{border:1px solid var(--border-subtle);background:var(--diagram-canvas);border-radius:8px;justify-content:center;align-items:center;height:180px;margin-bottom:20px;padding:12px;display:flex}.example-browser__diagram img{object-fit:contain;width:100%;height:100%}.example-browser__empty{color:var(--text-secondary);padding:24px}.example-browser__notice{color:var(--text-secondary)}.example-browser__back{display:none}.example-browser :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:640px){.example-browser{width:calc(100vw - 16px);max-height:calc(100dvh - 32px)}.example-browser__header{padding:16px}.example-browser__filters{padding:0 16px 12px}.example-browser__body{grid-template-columns:1fr}.example-browser__detail,.example-browser__body.has-selection .example-browser__results{display:none}.example-browser__body.has-selection .example-browser__detail{display:block}.example-browser__back{margin-bottom:16px;display:inline-flex}}.example-browser__providers{border:0;min-width:0;padding:0}.example-browser__filter-row label{white-space:nowrap}.example-browser__filter-row select{border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:44px;color:var(--text-primary);font:inherit;border-radius:8px;padding:8px 32px 8px 12px}.example-browser__detail>.btn-primary{border-radius:var(--radius-control);background:var(--signal);min-height:44px;color:var(--signal-contrast);font:inherit;cursor:pointer;border:0;padding:10px 18px;position:sticky;bottom:0}@media (max-width:640px){.example-browser__diagram{height:200px}.example-browser__filter-row{flex-wrap:wrap}}.command-bar-actions{margin-inline-start:auto}.btn-secondary.examples-trigger{background:var(--signal);border-color:var(--signal);color:var(--signal-contrast);white-space:nowrap;font-weight:600}.btn-secondary.examples-trigger:hover{background:var(--signal-hover);border-color:var(--signal-hover);color:var(--signal-contrast)}.example-browser.has-preview{width:min(820px,100vw - 32px)}.example-browser__body{max-height:min(380px,100dvh - 260px)}.example-browser__body.has-selection{grid-template-columns:1fr 1fr}.example-browser__body:not(.has-selection) .example-browser__detail{display:none}.example-browser__body:not(.has-selection) .example-browser__results{border-right:0}.example-browser__result{gap:6px;padding:12px}.example-browser__result>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.example-browser__detail{padding:16px}.example-browser__detail h3{font-size:18px}.example-browser__diagram{margin-bottom:12px}@media (max-width:640px){.example-browser.has-preview{width:calc(100vw - 16px)}.example-browser__body,.example-browser__body.has-selection{grid-template-columns:1fr;max-height:calc(100dvh - 320px)}}