.tsdraw{--tsdraw-color-bg: #f2f2f2;--tsdraw-color-panel: #ffffff;--tsdraw-color-muted: #ebebeb;--tsdraw-color-selected: #e3e3e3;--tsdraw-color-selected-text: #242424;--tsdraw-color-border: #dcdcdc;--tsdraw-color-text: #2b2b2b;--tsdraw-color-active-surface: #d9d9d9;--tsdraw-color-preview: #1d1d1d;--tsdraw-color-selection-contrast: rgba(255, 255, 255, .9);--tsdraw-color-selection-handle-fill: rgba(91, 126, 245, .06);--tsdraw-font-size-ui: 13px;--tsdraw-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 6px 18px rgba(15, 23, 42, .06);--tsdraw-color-handle-fill: #ffffff;--tsdraw-color-tool-dot-outline: rgba(255, 255, 255, .4);--tsdraw-color-selection-handle-border: #5b7ef5;--tsdraw-color-vertex-handle-fill: #5b7ef5;--tsdraw-color-vertex-handle-ring: #ffffff;--tsdraw-color-vertex-handle-shadow: rgba(15, 23, 42, .42);--tsdraw-color-vertex-handle-shadow-soft: rgba(15, 23, 42, .2);--tsdraw-color-tool-ring-border: rgba(24, 24, 24, .85);--tsdraw-color-tool-ring-fill: rgba(24, 24, 24, .08);--tsdraw-radius: 10px;--tsdraw-ui-bar-height: 44px;--tsdraw-ui-bar-padding-block: 3px;--tsdraw-ui-bar-padding-inline: 5px;--tsdraw-ui-toggle-height: calc(var(--tsdraw-ui-bar-height) - 2px - (2 * var(--tsdraw-ui-bar-padding-block)));font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--tsdraw-color-bg);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.tsdraw.tsdraw-darkmode{--tsdraw-color-bg: #121212;--tsdraw-color-panel: #1c1c1c;--tsdraw-color-muted: #2a2a2a;--tsdraw-color-selected: #383838;--tsdraw-color-selected-text: #f4f4f4;--tsdraw-color-border: #3a3a3a;--tsdraw-color-text: #eaeaea;--tsdraw-color-active-surface: #454545;--tsdraw-color-preview: #ececec;--tsdraw-color-selection-contrast: rgba(255, 255, 255, .15);--tsdraw-color-selection-handle-fill: rgba(91, 126, 245, .12);--tsdraw-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 22px rgba(0, 0, 0, .28);--tsdraw-color-handle-fill: #171717;--tsdraw-color-tool-dot-outline: rgba(255, 255, 255, .2);--tsdraw-color-selection-handle-border: #5b7ef5;--tsdraw-color-vertex-handle-fill: #5b7ef5;--tsdraw-color-vertex-handle-ring: #ffffff;--tsdraw-color-vertex-handle-shadow: rgba(0, 0, 0, .58);--tsdraw-color-vertex-handle-shadow-soft: rgba(0, 0, 0, .38);--tsdraw-color-tool-ring-border: rgba(255, 255, 255, .75);--tsdraw-color-tool-ring-fill: rgba(255, 255, 255, .08)}.tsdraw-component{box-sizing:border-box;background:var(--tsdraw-color-panel);border:1px solid color-mix(in srgb,var(--tsdraw-color-border) 88%,transparent);border-radius:var(--tsdraw-radius);box-shadow:var(--tsdraw-shadow);pointer-events:all}.tsdraw-component--draggable{cursor:grab}.tsdraw-component--dragging{cursor:grabbing}.tsdraw-toolbar{position:absolute;display:flex;align-items:center;gap:0;padding:var(--tsdraw-ui-bar-padding-block) var(--tsdraw-ui-bar-padding-inline);z-index:100}.tsdraw-toolbar:not(.tsdraw-toolbar--vertical){border-radius:999px;height:var(--tsdraw-ui-bar-height);min-height:var(--tsdraw-ui-bar-height)}.tsdraw-toolbar.tsdraw-toolbar--vertical{border-radius:14px}.tsdraw-toolbar-part{display:flex;align-items:center;gap:1px}.tsdraw-toolbar--vertical,.tsdraw-toolbar--vertical .tsdraw-toolbar-part{flex-direction:column}.tsdraw-toolbar--vertical .tsdraw-toolbar-separator{width:22px;height:1px;margin:4px 0}.tsdraw-toolbar-separator{width:1px;height:22px;margin:0 4px;flex-shrink:0;background:color-mix(in srgb,var(--tsdraw-color-border) 75%,transparent)}.tsdraw-toolbar button{width:var(--tsdraw-ui-toggle-height);height:var(--tsdraw-ui-toggle-height);border:none;border-radius:8px;background:transparent;color:var(--tsdraw-color-text);cursor:pointer;transition:background-color .1s ease,color .1s ease}.tsdraw-toolbar button:hover{background:var(--tsdraw-color-muted)}.tsdraw-toolbar button:disabled{opacity:.38;cursor:default}.tsdraw-toolbar button:disabled:hover{background:transparent}.tsdraw-toolbar button[data-active=true]{background:var(--tsdraw-color-selected);color:var(--tsdraw-color-selected-text)}.tsdraw-toolbar-btn{width:var(--tsdraw-ui-toggle-height);min-width:var(--tsdraw-ui-toggle-height);height:var(--tsdraw-ui-toggle-height);padding:0;display:grid;place-items:center}.tsdraw-toolbar-btn svg{width:20px;height:20px}.tsdraw-toolbar button:focus-visible{outline:2px solid color-mix(in srgb,var(--tsdraw-color-selection-handle-border) 55%,transparent);outline-offset:2px}.tsdraw-style-panel{position:absolute;background:transparent;border:none;box-shadow:none;color:var(--tsdraw-color-text);overflow:visible;z-index:120;padding:0}.tsdraw-style-panel-strip{display:flex;align-items:flex-end;gap:6px}.tsdraw-style-bubble{flex-shrink:0;padding:var(--tsdraw-ui-bar-padding-block);border:1px solid color-mix(in srgb,var(--tsdraw-color-border) 88%,transparent);border-radius:999px;background:var(--tsdraw-color-panel);box-shadow:var(--tsdraw-shadow);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:all;height:var(--tsdraw-ui-bar-height);min-height:var(--tsdraw-ui-bar-height);max-height:var(--tsdraw-ui-bar-height)}.tsdraw-style-popout{box-sizing:border-box;min-width:152px;padding:2px 5px;z-index:10060;border:1px solid color-mix(in srgb,var(--tsdraw-color-border) 88%,transparent);border-radius:var(--tsdraw-radius);background:var(--tsdraw-color-panel);box-shadow:var(--tsdraw-shadow);pointer-events:all;animation:tsdraw-popout-in .16s cubic-bezier(.34,1.12,.64,1) both}.tsdraw-style-popout[data-side=top]{--tsdraw-popout-y: 8px;transform-origin:bottom center}.tsdraw-style-popout[data-side=bottom]{--tsdraw-popout-y: -8px;transform-origin:top center}.tsdraw-style-popout[data-side=left]{--tsdraw-popout-x: 8px;transform-origin:center right}.tsdraw-style-popout[data-side=right]{--tsdraw-popout-x: -8px;transform-origin:center left}@keyframes tsdraw-popout-in{0%{transform:translate(var(--tsdraw-popout-x, 0),var(--tsdraw-popout-y, 0)) scale(.96)}}.tsdraw-style-toggle{box-sizing:border-box;height:var(--tsdraw-ui-toggle-height);min-height:var(--tsdraw-ui-toggle-height);padding:0 11px;border:none;border-radius:999px;background:transparent;color:var(--tsdraw-color-text);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:var(--tsdraw-font-size-ui);font-weight:500;transition:background-color .1s ease}.tsdraw-style-toggle:hover,.tsdraw-style-toggle[aria-expanded=true]{background:var(--tsdraw-color-muted)}.tsdraw-style-toggle-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--tsdraw-color-border);flex-shrink:0}.tsdraw-style-toggle .tsdraw-style-toggle-dot{width:14px;height:14px;border-radius:999px}.tsdraw-style-toggle-emoji{font-size:18px;line-height:1;flex-shrink:0}.tsdraw-style-toggle-line{width:24px;height:2px;border-radius:999px;background:var(--tsdraw-color-preview);flex-shrink:0}.tsdraw-style-toggle .tsdraw-style-toggle-line{width:22px}.tsdraw-style-toggle-line--draw{height:10px;background-color:transparent;background-position:center;background-repeat:repeat-x;background-size:12px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M0 5 C2 1 4 9 6 5 C8 1 10 9 12 5' stroke='%231d1d1d' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tsdraw-style-toggle .tsdraw-style-toggle-line--draw{height:8px;background-size:12px 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 4 C2 1 4 7 6 4 C8 1 10 7 12 4' stroke='%231d1d1d' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tsdraw.tsdraw-darkmode .tsdraw-style-toggle-line--draw{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M0 5 C2 1 4 9 6 5 C8 1 10 9 12 5' stroke='%23ececec' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tsdraw.tsdraw-darkmode .tsdraw-style-toggle .tsdraw-style-toggle-line--draw{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 4 C2 1 4 7 6 4 C8 1 10 7 12 4' stroke='%23ececec' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tsdraw-style-toggle-line--dashed{background:repeating-linear-gradient(90deg,var(--tsdraw-color-preview) 0 6px,transparent 6px 10px)}.tsdraw-style-toggle-line--dotted{height:4px;background:repeating-radial-gradient(circle at 2px 2px,var(--tsdraw-color-preview) 0 1.5px,transparent 1.5px 6px);background-size:6px 4px}.tsdraw-style-toggle-size{width:24px;border-radius:999px;background:var(--tsdraw-color-preview);flex-shrink:0}.tsdraw-style-toggle-size--s{height:2px}.tsdraw-style-toggle-size--m{height:3.5px}.tsdraw-style-toggle-size--l{height:5px}.tsdraw-style-toggle-size--xl{height:7px}.tsdraw-style-toggle-fill{width:22px;height:14px;border:1px solid var(--tsdraw-color-preview);border-radius:4px;flex-shrink:0}.tsdraw-style-toggle-fill--none{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--tsdraw-color-preview) 35%,transparent) 0 2px,transparent 2px 6px)}.tsdraw-style-toggle-fill--blank{background:var(--tsdraw-color-bg)}.tsdraw-style-toggle-fill--semi{background:color-mix(in srgb,var(--tsdraw-color-preview) 28%,transparent)}.tsdraw-style-toggle-fill--solid{background:color-mix(in srgb,var(--tsdraw-color-preview) 58%,transparent)}.tsdraw-style-toggle .tsdraw-style-toggle-fill,.tsdraw-style-toggle .tsdraw-style-toggle-size{display:block}.tsdraw-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;box-sizing:border-box}.tsdraw-style-cell{box-sizing:border-box;aspect-ratio:1;width:100%;min-width:0;margin:0;padding:0;border:none;border-radius:7px;background:transparent;cursor:pointer;display:grid;place-items:center}.tsdraw-style-cell:hover{background:var(--tsdraw-color-muted)}.tsdraw-style-cell[data-active=true]{background:var(--tsdraw-color-active-surface)}.tsdraw-style-cell-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tsdraw-style-cell--emoji{font-size:18px;line-height:1}.tsdraw-style-custom{box-sizing:border-box}.tsdraw-style-panel button:focus-visible{outline:2px solid color-mix(in srgb,var(--tsdraw-color-selection-handle-border) 55%,transparent);outline-offset:1px}.tsdraw-selection-brush{position:absolute;border:1.5px solid var(--tsdraw-color-selection-handle-border);background:var(--tsdraw-color-selection-handle-fill);pointer-events:none;z-index:90}.tsdraw-selection-frame{position:absolute;transform-origin:center center;pointer-events:none;overflow:visible;z-index:91}.tsdraw-selection-bounds{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--tsdraw-color-selection-handle-border);box-shadow:0 0 0 1px var(--tsdraw-color-selection-contrast) inset;pointer-events:none;z-index:1}.tsdraw-selection-handle{position:absolute;width:26px;height:26px;border:none;background:transparent;transform:translate(-50%,-50%);padding:0;margin:0;cursor:nwse-resize;z-index:2;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tsdraw-vertex-handle{width:12px;height:12px;border:2px solid var(--tsdraw-color-vertex-handle-ring);background:var(--tsdraw-color-vertex-handle-fill);border-radius:50%;box-sizing:border-box;box-shadow:0 1px 4px var(--tsdraw-color-vertex-handle-shadow-soft)}.tsdraw-selection-handle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:1.5px solid var(--tsdraw-color-selection-handle-border);background:var(--tsdraw-color-handle-fill);border-radius:4px;pointer-events:none}.tsdraw-selection-handle--ne,.tsdraw-selection-handle--sw{cursor:nesw-resize}.tsdraw-rotation-stem{position:absolute;left:50%;top:0;width:0;height:15px;border-left:1.5px solid var(--tsdraw-color-selection-handle-border);transform:translate(-50%,-100%);pointer-events:none;z-index:1}.tsdraw-rotation-handle{position:absolute;left:50%;top:-20px;width:26px;height:26px;border:none;background:transparent;transform:translate(-50%,-50%);padding:0;margin:0;cursor:grab;z-index:3;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tsdraw-rotation-handle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:1.5px solid var(--tsdraw-color-selection-handle-border);background:var(--tsdraw-color-handle-fill);border-radius:50%;pointer-events:none}.tsdraw-tool-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.tsdraw-tool-dot,.tsdraw-tool-ring{position:absolute;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none}.tsdraw-tool-dot{box-shadow:0 0 0 1px var(--tsdraw-color-tool-dot-outline)}.tsdraw-tool-ring{border:1px solid var(--tsdraw-color-tool-ring-border);background:var(--tsdraw-color-tool-ring-fill)}.tsdraw-overlay-panel{padding:10px 12px;font-size:var(--tsdraw-font-size-ui);line-height:1.4;color:var(--tsdraw-color-text)}.tsdraw-overlay-panel--caption{max-width:min(400px,calc(100vw - 48px));text-align:center}.tsdraw-overlay-stack{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tsdraw-overlay-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--tsdraw-font-size-ui);color:var(--tsdraw-color-text)}.tsdraw-overlay-label--strong{font-weight:600}.tsdraw-pill-action{height:36px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tsdraw-color-border) 88%,transparent);background:var(--tsdraw-color-panel);color:var(--tsdraw-color-text);font-size:var(--tsdraw-font-size-ui);font-weight:500;font-family:inherit;cursor:pointer;box-shadow:var(--tsdraw-shadow);transition:background-color .1s ease,color .1s ease}.tsdraw-pill-action:hover{background:var(--tsdraw-color-muted)}.tsdraw-pill-action:active{background:var(--tsdraw-color-selected);color:var(--tsdraw-color-selected-text)}.tsdraw-icon-pill{width:36px;height:36px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--tsdraw-color-border) 88%,transparent);background:var(--tsdraw-color-panel);color:var(--tsdraw-color-text);cursor:pointer;display:grid;place-items:center;box-shadow:var(--tsdraw-shadow);transition:background-color .1s ease,color .1s ease}.tsdraw-icon-pill:hover{background:var(--tsdraw-color-muted)}.tsdraw-icon-pill:active{background:var(--tsdraw-color-selected);color:var(--tsdraw-color-selected-text)}.tsdraw-pill-action:focus-visible,.tsdraw-icon-pill:focus-visible{outline:2px solid color-mix(in srgb,var(--tsdraw-color-selection-handle-border) 55%,transparent);outline-offset:2px}.gh{padding:4.5px;border:1px solid var(--tsdraw-color-border);border-radius:var(--tsdraw-radius);background:var(--tsdraw-color-panel);box-shadow:0 1px 0 var(--tsdraw-color-panel-highlight) inset,0 6px 18px var(--tsdraw-color-panel-shadow)}.gh button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:none;border-radius:9px;background:transparent;color:var(--tsdraw-color-text);cursor:pointer;transition:background-color .12s ease}.gh button:hover{background:var(--tsdraw-color-muted)}