:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-height:100svh;margin:0}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.empty-state{place-items:center;min-height:100svh;padding:1.5rem;display:grid}.empty-state--drag{outline-offset:-1rem;background:#1f6feb0a;outline:2px dashed #1f6feb}.empty-state__card{text-align:center;max-width:32rem}.empty-state__brand{flex-direction:column;align-items:center;gap:.875rem;margin:0 0 3.5rem;display:flex}.empty-state__logo{opacity:.95}.empty-state__wordmark{letter-spacing:.01em;font-size:2.75rem;font-weight:700;line-height:1}.empty-state__title{margin:0 0 .5rem;font-size:1.75rem}.empty-state__hint{opacity:.75;margin:0 0 1.5rem}.empty-state__button{cursor:pointer;border:1px solid;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;display:inline-block}.empty-state__button:focus-within,.empty-state__button:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.empty-state__choices{flex-direction:column;align-items:center;gap:.75rem;display:flex}.empty-state__link{color:inherit;opacity:.7;cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}.empty-state__link:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.empty-state__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state__error{color:#b43a2c;margin:1rem 0 0}.empty-state__privacy{opacity:.6;margin:1.5rem 0 0;font-size:.875rem}.canvas-viewport{touch-action:none;cursor:grab;background-color:#edece8;background-image:linear-gradient(45deg,#e3e2dd 25%,#0000 25%),linear-gradient(-45deg,#e3e2dd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e2dd 75%),linear-gradient(-45deg,#0000 75%,#e3e2dd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-viewport:focus-visible{outline-offset:-2px;outline:2px solid #1f6feb}.canvas-viewport__svg{display:block}.canvas-viewport__bounds{stroke:#00000059;stroke-width:1px}@media (prefers-color-scheme:dark){.canvas-viewport{background-color:#23242a;background-image:linear-gradient(45deg,#2c2d34 25%,#0000 25%),linear-gradient(-45deg,#2c2d34 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2c2d34 75%),linear-gradient(-45deg,#0000 75%,#2c2d34 75%)}.canvas-viewport__bounds{stroke:#fff6}}.object-list{border-bottom:1px solid #0000001f;flex:none;max-height:14rem;padding:.75rem;overflow-y:auto}.object-list__title{margin:0 0 .5rem;font-size:.95rem}.object-list__empty{opacity:.7;font-size:.85rem;line-height:1.4}.object-list__items{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.object-list__item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.3rem .5rem;font-size:.8125rem}.object-list__item:hover{background:#0000000d}.object-list__item--active{border-color:#1f6feb;box-shadow:0 0 0 1px #1f6feb}.object-list__item:focus-visible{outline-offset:1px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.object-list{border-bottom-color:#ffffff26}.object-list__item:hover{background:#ffffff14}}.tool-rail{border-right:1px solid #0000001f;flex-direction:column;flex:none;gap:.25rem;width:12rem;padding:.5rem;display:flex}.tool-rail--collapsed{width:auto}.tool-rail__toggle{width:2rem;height:2rem;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:1px solid #0000;border-radius:.5rem;align-self:flex-end;place-items:center;margin-bottom:.25rem;display:grid}.tool-rail__toggle:hover{opacity:1;background:#0000000f}.tool-rail__toggle:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.tool-rail--collapsed .tool-rail__toggle{align-self:center}.tool-rail--collapsed .tool-rail__toggle svg{transform:rotate(180deg)}.tool-rail--collapsed .tool-rail__button{justify-content:center}.tool-rail--collapsed .tool-rail__label{display:none}.tool-rail__button{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;display:flex}.tool-rail__button svg{opacity:.9;flex:none}.tool-rail__label{white-space:nowrap}.tool-rail__button:hover{background:#0000000f}.tool-rail__button[aria-pressed=true]{color:#fff;background:#1f6feb}.tool-rail__button:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.tool-rail{border-right-color:#ffffff26}.tool-rail__button:hover,.tool-rail__toggle:hover{background:#ffffff1a}}.comments-panel{flex:auto;min-height:0;padding:.75rem;overflow-y:auto}.comments-panel__title{margin:0 0 .75rem;font-size:.95rem}.comments-panel__empty{opacity:.7;font-size:.85rem;line-height:1.4}.comments-panel__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.comment-card{border:1px solid #00000026;border-radius:.5rem;flex-direction:column;gap:.375rem;padding:.5rem;display:flex}.comment-card--active{border-color:#1f6feb;box-shadow:0 0 0 1px #1f6feb}.comment-card__head{align-items:center;gap:.375rem;display:flex}.comment-card__number{color:#fff;cursor:pointer;background:#b43a2c;border:none;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:grid}.comment-card__category{flex:auto;min-width:0}.comment-card__category select{width:100%;padding:.125rem;font-size:.75rem}.comment-card__move{gap:.125rem;display:flex}.comment-card__move button{cursor:pointer;width:1.5rem;height:1.5rem;color:inherit;background:0 0;border:1px solid #0003;border-radius:.25rem}.comment-card__move button:disabled{opacity:.35;cursor:default}.comment-card__title,.comment-card__body{width:100%;font:inherit;color:inherit;box-sizing:border-box;resize:vertical;background:0 0;border:1px solid #0003;border-radius:.25rem;padding:.25rem .375rem}.comment-card__title{font-size:.85rem;font-weight:600}.comment-card__body{font-size:.8rem}.comment-card__delete{color:#b43a2c;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;font-size:.75rem}.comment-card__number:focus-visible,.comment-card__move button:focus-visible,.comment-card__title:focus-visible,.comment-card__body:focus-visible,.comment-card__delete:focus-visible,.comment-card__category select:focus-visible{outline-offset:1px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.comments-panel{border-left-color:#ffffff26}.comment-card{border-color:#ffffff2e}.comment-card__move button,.comment-card__title,.comment-card__body{border-color:#ffffff38}}.properties-panel{flex-direction:column;flex:auto;gap:.75rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.properties-panel__title{margin:0;font-size:.95rem}.properties-panel__group{border:1px solid #00000026;border-radius:.5rem;flex-wrap:wrap;gap:.5rem;margin:0;padding:.5rem .625rem;display:flex}.properties-panel__group legend{opacity:.7;padding:0 .25rem;font-size:.75rem}.properties-panel__field{align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.properties-panel__field input[type=number]{width:4rem}.properties-panel__field input[type=text]{flex:auto;min-width:6rem}.properties-panel__swatches{flex-wrap:wrap;gap:.375rem;display:flex}.properties-panel__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.5rem;height:1.5rem;padding:0}.properties-panel__swatch[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px #1f6feb}.properties-panel__segmented{gap:.25rem;display:flex}.properties-panel__segmented button{color:inherit;cursor:pointer;background:0 0;border:1px solid #0003;border-radius:.375rem;padding:.25rem .5rem;font-size:.8125rem}.properties-panel__segmented button[aria-pressed=true]{border-color:#1f6feb;box-shadow:0 0 0 1px #1f6feb}.properties-panel__delete{color:#b43a2c;cursor:pointer;background:0 0;border:1px solid #0003;border-radius:.375rem;align-self:flex-start;margin-top:auto;padding:.375rem .625rem;font-size:.8125rem}.properties-panel :focus-visible{outline-offset:1px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.properties-panel__group,.properties-panel__segmented button,.properties-panel__delete{border-color:#ffffff40}}.export-dialog__backdrop{z-index:15;background:#0006;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.export-dialog{color:#111;background:#fff;border-radius:.75rem;width:100%;max-width:26rem;padding:1.25rem 1.5rem;box-shadow:0 12px 32px #00000040}.export-dialog__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.export-dialog__header h2{margin:0;font-size:1.1rem}.export-dialog__header button{cursor:pointer;color:inherit;background:0 0;border:none;font-size:1.1rem}.export-dialog__formats{border:none;flex-direction:column;gap:.375rem;margin:0;padding:0;display:flex}.export-dialog__formats legend{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:.25rem;font-size:.8rem}.export-dialog__formats label,.export-dialog__option{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.export-dialog__option{margin-top:.75rem}.export-dialog__name{flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.85rem;display:flex}.export-dialog__name-field{align-items:center;gap:.25rem;display:flex}.export-dialog__name-field input{font:inherit;color:inherit;background:0 0;border:1px solid #00000040;border-radius:.375rem;flex:auto;padding:.375rem .5rem}.export-dialog__error{color:#b43a2c;margin:.75rem 0 0;font-size:.85rem}.export-dialog__privacy{opacity:.65;margin:1rem 0 0;font-size:.8rem}.export-dialog__actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.export-dialog__actions button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #0003;border-radius:.375rem;padding:.5rem 1rem}.export-dialog__download{color:#fff;background:#1f6feb;border-color:#1f6feb}.export-dialog__download:disabled{opacity:.6;cursor:default}.export-dialog input:focus-visible,.export-dialog button:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.export-dialog{color:#f3f4f6;background:#1d1e24}.export-dialog__name-field input,.export-dialog__actions button{border-color:#ffffff40}}.shortcut-help__backdrop{z-index:10;background:#0006;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.shortcut-help{color:#111;background:#fff;border-radius:.75rem;width:100%;max-width:30rem;max-height:85vh;padding:1.25rem 1.5rem;overflow-y:auto;box-shadow:0 12px 32px #00000040}.shortcut-help:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.shortcut-help__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.shortcut-help__header h2{margin:0;font-size:1.1rem}.shortcut-help__header button{cursor:pointer;color:inherit;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.shortcut-help__group{margin-top:1rem}.shortcut-help__group h3{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin:0 0 .5rem;font-size:.8rem}.shortcut-help__group dl{flex-direction:column;gap:.375rem;margin:0;display:flex}.shortcut-help__row{align-items:baseline;gap:.75rem;display:flex}.shortcut-help__row dt{flex:0 0 10rem}.shortcut-help__row dd{margin:0;font-size:.9rem}.shortcut-help kbd{background:#f1f0ea;border:1px solid #d9d8d0;border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.shortcut-help__privacy{opacity:.7;margin:1.25rem 0 0;font-size:.8rem}@media (prefers-color-scheme:dark){.shortcut-help{color:#f3f4f6;background:#1d1e24}.shortcut-help kbd{background:#2b2c33;border-color:#3a3b44}}.about-dialog__backdrop{z-index:10;background:#0006;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.about-dialog{color:#111;background:#fff;border-radius:.75rem;width:100%;max-width:32rem;max-height:85vh;padding:1.25rem 1.5rem;overflow-y:auto;box-shadow:0 12px 32px #00000040}.about-dialog__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.about-dialog__header h2{margin:0;font-size:1.1rem}.about-dialog__header button{cursor:pointer;color:inherit;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.about-dialog__header button:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.about-dialog__section{margin-top:1rem}.about-dialog__section h3{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin:0 0 .25rem;font-size:.8rem}.about-dialog__section p{margin:0;font-size:.9rem;line-height:1.5}.about-dialog__section a{color:#1f6feb}@media (prefers-color-scheme:dark){.about-dialog{color:#f3f4f6;background:#1d1e24}.about-dialog__section a{color:#6ea8fe}}.editor{flex-direction:column;height:100svh;display:flex}.editor__bar{border-bottom:1px solid #0000001f;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:flex}.editor__meta{flex:auto;align-items:center;gap:.625rem;min-width:0;display:flex}.editor__brand{flex:none;align-items:center;gap:.4rem;display:inline-flex}.editor__wordmark{letter-spacing:.01em;font-weight:600}.editor__name{min-width:6rem;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:.375rem;flex:0 14rem;padding:.25rem .5rem;font-size:.875rem}.editor__name:hover{border-color:#00000026}.editor__name:focus-visible{outline-offset:1px;border-color:#0000;outline:2px solid #1f6feb}.editor__file{opacity:.6;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:14rem;font-size:.8125rem;overflow:hidden}.editor__save{opacity:.7;white-space:nowrap;flex:none;font-size:.75rem}.editor__save--error{color:#b43a2c;opacity:1}.editor__actions{flex:none;gap:1rem;display:flex}.editor__actions>div{gap:.375rem;display:flex}.editor__actions button{cursor:pointer;color:inherit;background:0 0;border:1px solid #0003;border-radius:.375rem;align-items:center;gap:.35rem;padding:.375rem .625rem;font-size:.8125rem;display:inline-flex}.editor__actions button svg{opacity:.85;flex:none}.editor__actions button:hover:not(:disabled){background:#0000000d}.editor__actions button:disabled{opacity:.4;cursor:default}.editor__actions button:focus-visible,.editor__text-input:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.editor__body{flex:auto;min-height:0;display:flex}.editor__canvas{flex:auto;min-width:0;min-height:0;position:relative}.editor__side{border-left:1px solid #0000001f;flex-direction:column;flex:none;width:18rem;min-height:0;display:flex}.editor__text-input{z-index:2;color:#111;min-width:6rem;font:inherit;background:#fffffff2;border:1px solid #1f6feb;border-radius:.25rem;padding:.125rem .25rem;position:absolute}@media (prefers-color-scheme:dark){.editor__bar{border-bottom-color:#ffffff26}.editor__side{border-left-color:#ffffff26}.editor__actions button{border-color:#ffffff40}.editor__actions button:hover:not(:disabled){background:#ffffff14}.editor__name:hover{border-color:#fff3}}.confirm-dialog__backdrop{z-index:20;background:#0006;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.confirm-dialog{color:#111;background:#fff;border-radius:.75rem;width:100%;max-width:26rem;padding:1.25rem 1.5rem;box-shadow:0 12px 32px #00000040}.confirm-dialog h2{margin:0 0 .5rem;font-size:1.05rem}.confirm-dialog p{margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:.5rem;display:flex}.confirm-dialog__actions button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #0003;border-radius:.375rem;padding:.5rem 1rem}.confirm-dialog__confirm{color:#fff;background:#b43a2c;border-color:#b43a2c}.confirm-dialog__actions button:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}@media (prefers-color-scheme:dark){.confirm-dialog{color:#f3f4f6;background:#1d1e24}.confirm-dialog__actions button{border-color:#ffffff40}.confirm-dialog__confirm{background:#b43a2c;border-color:#b43a2c}}