.tsdraw{--tsdraw-color-bg: #fafafa;--tsdraw-color-panel: #ffffff;--tsdraw-color-muted: #ececec;--tsdraw-color-selected: #111111;--tsdraw-color-selected-text: #ffffff;--tsdraw-color-border: #d7d7d7;--tsdraw-color-text: #1f1f1f;--tsdraw-color-active-surface: #e7e7e7;--tsdraw-color-preview: #1d1d1d;--tsdraw-color-panel-highlight: rgba(255, 255, 255, .85);--tsdraw-color-panel-shadow: rgba(0, 0, 0, .14);--tsdraw-color-panel-shadow-strong: rgba(0, 0, 0, .12);--tsdraw-color-selection-contrast: rgba(255, 255, 255, .9);--tsdraw-color-handle-fill: #ffffff;--tsdraw-color-tool-dot-outline: rgba(255, 255, 255, .4);--tsdraw-color-tool-ring-border: rgba(24, 24, 24, .85);--tsdraw-color-tool-ring-fill: rgba(24, 24, 24, .08);--tsdraw-radius: 12px;font-family:system-ui,sans-serif;background:var(--tsdraw-color-bg);overflow:hidden}.tsdraw.tsdraw-darkmode{--tsdraw-color-bg: #0f0f0f;--tsdraw-color-panel: #171717;--tsdraw-color-muted: #232323;--tsdraw-color-selected: #f2f2f2;--tsdraw-color-selected-text: #151515;--tsdraw-color-border: #2f2f2f;--tsdraw-color-text: #ececec;--tsdraw-color-active-surface: #2b2b2b;--tsdraw-color-preview: #ececec;--tsdraw-color-panel-highlight: rgba(255, 255, 255, .06);--tsdraw-color-panel-shadow: rgba(0, 0, 0, .35);--tsdraw-color-panel-shadow-strong: rgba(0, 0, 0, .28);--tsdraw-color-selection-contrast: rgba(255, 255, 255, .15);--tsdraw-color-handle-fill: #171717;--tsdraw-color-tool-dot-outline: rgba(255, 255, 255, .2);--tsdraw-color-tool-ring-border: rgba(255, 255, 255, .75);--tsdraw-color-tool-ring-fill: rgba(255, 255, 255, .08)}.tsdraw-toolbar{position:absolute;display:flex;align-items:center;gap:0;padding:4.5px;background:var(--tsdraw-color-panel);border-radius:var(--tsdraw-radius);border:1px solid var(--tsdraw-color-border);box-shadow:0 1px 0 var(--tsdraw-color-panel-highlight) inset,0 6px 18px var(--tsdraw-color-panel-shadow);z-index:100;pointer-events:all}.tsdraw-toolbar-part{display:flex;align-items:center;gap:2px}.tsdraw-toolbar-separator{width:1px;height:24px;margin:0 5px;background:var(--tsdraw-color-border);opacity:.9}.tsdraw-toolbar button{width:44px;height:44px;border:none;border-radius:9px;background:transparent;color:var(--tsdraw-color-text);cursor:pointer;transition:background-color .12s ease}.tsdraw-toolbar button:hover{background:var(--tsdraw-color-muted)}.tsdraw-toolbar button:disabled{opacity:.42;cursor:default}.tsdraw-toolbar button:disabled:hover{background:transparent}.tsdraw-toolbar button[data-active=true],.tsdraw-toolbar .tsdraw-toolbar-btn[data-active=true]{background:var(--tsdraw-color-selected);color:var(--tsdraw-color-selected-text)}.tsdraw-toolbar-btn{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center}.tsdraw-toolbar-btn svg{width:24px;height:24px}.tsdraw-style-panel{position:absolute;background:var(--tsdraw-color-panel);border:1px solid var(--tsdraw-color-border);border-radius:var(--tsdraw-radius);box-shadow:0 8px 24px var(--tsdraw-color-panel-shadow-strong);color:var(--tsdraw-color-text);overflow:hidden;pointer-events:all;z-index:120}.tsdraw-style-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px}.tsdraw-style-color{height:32px;border:none;background:transparent;display:grid;place-items:center;border-radius:8px;margin:2px;cursor:pointer}.tsdraw-style-color:hover,.tsdraw-style-row:hover{background:var(--tsdraw-color-muted)}.tsdraw-style-color[data-active=true],.tsdraw-style-row[data-active=true]{background:var(--tsdraw-color-active-surface)}.tsdraw-style-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--tsdraw-color-border)}.tsdraw-style-row{flex:1;height:32px;border:none;background:transparent;border-radius:8px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.tsdraw-style-section{display:flex;gap:2px;padding:0 6px 8px}.tsdraw-style-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tsdraw-style-preview-line{width:24px;height:2px;border-radius:999px;background:var(--tsdraw-color-preview)}.tsdraw-style-preview-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.tsdraw-darkmode .tsdraw-style-preview-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-style-preview-line--solid{border-radius:999px}.tsdraw-style-preview-line--dashed{background:repeating-linear-gradient(90deg,var(--tsdraw-color-preview) 0 6px,transparent 6px 10px)}.tsdraw-style-preview-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-size{width:24px;border-radius:999px;background:var(--tsdraw-color-preview)}.tsdraw-style-size--s{height:2px}.tsdraw-style-size--m{height:3.5px}.tsdraw-style-size--l{height:5px}.tsdraw-style-size--xl{height:7px}.tsdraw-selection-brush{position:absolute;border:1px solid rgba(68,101,233,.95);background:#4465e91f;pointer-events:none;z-index:90}.tsdraw-selection-frame{position:absolute;transform-origin:center center;pointer-events:none;z-index:91}.tsdraw-selection-bounds{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #4465e9;box-shadow:0 0 0 1px var(--tsdraw-color-selection-contrast) inset;pointer-events:none;z-index:1}.tsdraw-selection-handle{position:absolute;width:10px;height:10px;border:1px solid #4465e9;background:var(--tsdraw-color-handle-fill);transform:translate(-50%,-50%);border-radius:2px;padding:0;cursor:nwse-resize;z-index:2;pointer-events:auto}.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:1px solid #4465e9;transform:translate(-50%,-100%);pointer-events:none;z-index:1}.tsdraw-rotation-handle{position:absolute;left:50%;top:-20px;width:10px;height:10px;border:1px solid #4465e9;background:var(--tsdraw-color-handle-fill);transform:translate(-50%,-50%);border-radius:2px;padding:0;cursor:grab;z-index:3;pointer-events:auto}.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:1.5px solid var(--tsdraw-color-tool-ring-border);background:var(--tsdraw-color-tool-ring-fill)}.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)}