.canvas-shell[data-v-dd0557c1]{isolation:isolate;overflow:hidden;position:relative;--canvas-accent:#2f6fed}.canvas-resize[data-v-dd0557c1]{background:#fff;border-color:var(--canvas-accent);border-radius:999px;border-style:solid;box-shadow:0 1px 2px #0000001f;padding:0;position:absolute;touch-action:none;z-index:5}.canvas-resize-nw[data-v-dd0557c1]{cursor:nwse-resize;left:0;top:0;transform:translate(-50%,-50%)}.canvas-resize-ne[data-v-dd0557c1]{cursor:nesw-resize;right:0;top:0;transform:translate(50%,-50%)}.canvas-resize-sw[data-v-dd0557c1]{bottom:0;cursor:nesw-resize;left:0;transform:translate(-50%,50%)}.canvas-resize-se[data-v-dd0557c1]{bottom:0;cursor:nwse-resize;right:0;transform:translate(50%,50%)}.canvas-selected[data-v-dd0557c1]{outline:var(--canvas-selection-width) solid var(--canvas-accent);outline-offset:0}.canvas-mark-layer[data-v-dd0557c1]{pointer-events:none}.canvas-mark[data-v-dd0557c1]{background:var(--canvas-accent);border-color:#fff;border-radius:999px;border-style:solid;box-shadow:0 1px 3px #00000059;color:#fff;cursor:pointer;display:grid;font-weight:700;line-height:1;place-items:center;pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.canvas-mark-active[data-v-dd0557c1]{background:#e11d48}.canvas-resize[data-v-dd0557c1]:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:3px}.canvas-surface[data-v-dd0557c1]{background-image:radial-gradient(circle,color-mix(in oklab,var(--subtle) 35%,transparent) 1px,transparent 1px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-tb-button[data-v-dd0557c1],.canvas-tool[data-v-dd0557c1]{align-items:center;border-radius:10px;color:color-mix(in oklab,var(--foreground) 88%,transparent);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;transition:background-color .15s,color .15s;white-space:nowrap}.canvas-tool[data-v-dd0557c1]{width:32px}.canvas-tb-button[data-v-dd0557c1]{padding:0 10px}.canvas-tb-icon[data-v-dd0557c1]{padding:0;width:32px}.canvas-tb-button[data-v-dd0557c1] svg,.canvas-tb-button>.iconify[data-v-dd0557c1],.canvas-tool[data-v-dd0557c1] svg,.canvas-tool>.iconify[data-v-dd0557c1]{flex-shrink:0;height:16px;width:16px}.canvas-tb-button[data-v-dd0557c1]:hover:not(:disabled),.canvas-tool[data-v-dd0557c1]:hover{background:#1b1a180f;color:var(--foreground)}.canvas-tool-active[data-v-dd0557c1]{background:#1b1a1814;color:var(--foreground)}.canvas-tb-button[data-v-dd0557c1]:disabled,.canvas-tool[data-v-dd0557c1]:disabled{cursor:not-allowed;opacity:.35}.canvas-tb-pulse[data-v-dd0557c1]{animation:canvas-tb-pulse-dd0557c1 1.4s ease-in-out 4;background:color-mix(in oklab,var(--canvas-accent) 14%,transparent);color:var(--foreground)}@keyframes canvas-tb-pulse-dd0557c1{50%{box-shadow:0 0 0 4px color-mix(in oklab,var(--canvas-accent) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.canvas-tb-pulse[data-v-dd0557c1]{animation:none}}.canvas-tb-button[data-v-dd0557c1]:focus-visible,.canvas-tool[data-v-dd0557c1]:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:1px}.canvas-tb-divider[data-v-dd0557c1]{background:color-mix(in oklab,var(--border) 90%,transparent);flex-shrink:0;height:20px;margin:0 4px;width:1px}.canvas-toolbar[data-v-dd0557c1]{animation:canvas-toolbar-in-dd0557c1 .16s cubic-bezier(.2,.75,.25,1) both}@keyframes canvas-toolbar-in-dd0557c1{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}