@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(./source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(./source-sans-3-latin-400-normal-RR2C27NP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(./source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(./source-sans-3-latin-600-normal-Ck0n4g8U.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}:root{--ink:#1d1f21;--muted:#62666a;--line:#d9dad8;--surface:#fff;--raised:#fff;--hover:#f0f0ee;--canvas:#e7e7e4;--section:#4a4d50;--control-line:#c4c6c3;--accent:#1f7a55;--on-accent:#fff;--accent-soft:#e1ece6;--shadow:0 1px 2px #00000014, 0 4px 16px #0000000f;--menu-shadow:0 8px 24px #00000029;--toast:#1d1f21;--on-toast:#fff;--toast-line:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e6e7e9;--muted:#9a9ea4;--line:#34373b;--surface:#1f2124;--raised:#2a2d31;--hover:#2f3236;--canvas:#141517;--section:#c3c6cb;--control-line:#45494e;--accent:#4cc38a;--on-accent:#0c2418;--accent-soft:#4cc38a29;--shadow:0 1px 2px #0006, 0 6px 20px #00000059;--menu-shadow:0 8px 28px #00000080;--toast:#2a2d31;--on-toast:#e6e7e9;--toast-line:#45494e}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}code{font-family:IBM Plex Mono,ui-monospace,monospace}.board{grid-template:"bar bar"3rem"panel canvas"1fr/17.5rem 1fr;height:100%;display:grid}.board[data-panel=false]{grid-template-columns:0 1fr}.board__bar{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;grid-area:bar;align-items:center;gap:.75rem;padding:0 .75rem;display:flex}.board__bar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.board__bar h1 span{color:var(--muted);font-weight:400}.board__zoom{align-items:center;gap:.25rem;display:flex}.icon,.board__percent,.board__fit{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;min-width:2rem;height:2rem;padding:0 .4rem;display:inline-flex}:is(.icon,.board__percent,.board__fit):hover{background:var(--hover)}:is(.icon,.board__percent,.board__fit):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.board__percent{font-variant-numeric:tabular-nums;min-width:3.5rem}.board__fit{border:1px solid var(--line);padding:0 .6rem}.board__panel{background:var(--surface);border-right:1px solid var(--line);grid-area:panel;padding:.5rem 0 1rem;overflow:auto}.board__panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:.9rem 1rem .3rem;font-size:.75rem;font-weight:600}.board__panel ul{margin:0;padding:0 .4rem;list-style:none}.board__panel li{border-radius:6px;align-items:center;display:flex}.board__panel li:hover{background:var(--hover)}.board__panel li[data-selected=true]{background:var(--accent-soft)}.board__row{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:.5rem;min-width:0;padding:.35rem .5rem;display:flex}.board__row code{color:var(--muted);font-size:.8rem}.board__row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.board__row small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.board__row:focus-visible{outline:2px solid var(--accent);border-radius:6px}.board__hint{color:var(--muted);margin:1.25rem 1rem 0;font-size:.8rem;line-height:1.4}.board__canvas{background:var(--canvas);cursor:grab;touch-action:none;grid-area:canvas;position:relative;overflow:hidden}.board__canvas:active{cursor:grabbing}.board__world{transform-origin:0 0;position:absolute;inset:0 auto auto 0}.board__section{white-space:nowrap;color:var(--section);margin:0;font-weight:600;line-height:1.2;position:absolute;left:0}.artboard{box-shadow:var(--shadow);background:#fff;position:absolute}.artboard[data-selected=true]{outline:calc(2px / var(--z)) solid var(--accent)}.artboard img{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.artboard iframe{pointer-events:none;visibility:hidden;background:#fff;border:0;width:100%;position:absolute;inset:0 auto auto 0}.artboard[data-live=true] iframe{visibility:visible}.artboard__head{transform:scale(calc(1 / var(--z)));transform-origin:0 100%;white-space:nowrap;align-items:center;gap:6px;padding-bottom:6px;font-size:13px;display:flex;position:absolute;bottom:100%;left:0}.artboard__head code{color:var(--ink);font-weight:600}.artboard__head .artboard__title{text-overflow:ellipsis;min-width:0;color:var(--ink);overflow:hidden}.artboard__head .artboard__version{color:var(--muted);font-variant-numeric:tabular-nums}.artboard__head button,.artboard__head a{border:1px solid var(--control-line);background:var(--raised);height:24px;color:var(--ink);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-size:12px;text-decoration:none;display:inline-flex}:is(.artboard__head button,.artboard__head a):hover{border-color:var(--accent);color:var(--accent)}:is(.artboard__head button,.artboard__head a):focus-visible{outline:2px solid var(--accent);outline-offset:1px}:is(.artboard__head button,.artboard__head a) svg{width:13px;height:13px}.artboard__head button{margin-left:auto}.artboard[data-label=compact] .artboard__title,.artboard[data-label=compact] .artboard__open,.artboard[data-label=compact] .artboard__head button span{display:none}.artboard[data-label=tiny] .artboard__head{display:none}.artboard__badge{z-index:1;color:#fff;white-space:nowrap;transform:scale(calc(1 / var(--z)));transform-origin:0 0;pointer-events:none;background:#111214;border-radius:0 0 4px;padding:2px 5px;font:600 11px/1.3 IBM Plex Mono,ui-monospace,monospace;position:absolute;top:0;left:0}.artboard[data-selected=true] .artboard__badge{background:var(--accent);color:var(--on-accent)}.artboard[data-selected=true] .artboard__head code{color:var(--accent)}.board__loading{height:100%;color:var(--muted);place-items:center;margin:0;display:grid}.board__hint a{color:inherit}.board__menu{z-index:3;border:1px solid var(--line);background:var(--surface);min-width:15rem;box-shadow:var(--menu-shadow);cursor:default;border-radius:8px;padding:.3rem;display:grid;position:absolute}.board__menu .board__menu-title{border-bottom:1px solid var(--line);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;padding:.35rem .6rem .45rem;font-size:.85rem;overflow:hidden}.board__menu .board__menu-title code{color:var(--ink);font-weight:600}.board__menu [role=menuitem]{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;text-decoration:none;display:flex}.board__menu [role=menuitem]:hover,.board__menu [role=menuitem]:focus-visible{background:var(--accent-soft);outline:none}.board__status{border:1px solid var(--toast-line);background:var(--toast);color:var(--on-toast);box-shadow:var(--menu-shadow);pointer-events:none;border-radius:8px;margin:0;padding:.5rem .9rem;font-size:.9rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.board__status:empty{display:none}