.drawing-sample[data-v-f070d491],.drawing-sample[data-v-f070d491] *{box-sizing:border-box}.ds-workspace[data-v-f070d491]{display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 92px;min-height:210px}.ds-tools[data-v-f070d491]{display:flex;flex-direction:column;gap:7px}.ds-tools[data-v-f070d491] :is(button,.ds-pen){border-radius:5px;color:#355292;display:grid;height:42px;place-items:center;width:42px}.ds-tools button[data-v-f070d491]{background:#f7f9fd;border:0;cursor:pointer}.ds-tools button[data-v-f070d491]:disabled{cursor:default;opacity:.35}.ds-tools .ds-pen[data-v-f070d491]{background:#e9efff;color:#244dff}.ds-surface[data-v-f070d491]{background:#fff;border:1px solid #e0e7f5;border-radius:6px;cursor:crosshair;display:block;height:210px;touch-action:none;width:100%}.ds-surface text[data-v-f070d491]{fill:#8491b0;font:13px Arial,sans-serif}.ds-stroke[data-v-f070d491]{fill:none;stroke:#243cad;stroke-linecap:round;stroke-linejoin:round}.ds-options[data-v-f070d491]{align-self:start;background:#fcfdff;border:1px solid #e0e7f5;border-radius:6px;padding:12px 9px}.ds-options label[data-v-f070d491]{color:#586784;display:flex;flex-wrap:wrap;font:10px Arial,sans-serif;gap:5px;justify-content:space-between}.ds-options input[data-v-f070d491]{accent-color:#244dff;display:block;height:36px;width:100%}.ds-width-dots[data-v-f070d491]{align-items:center;display:flex;justify-content:space-around;margin-top:8px}.ds-width-dots i[data-v-f070d491]{background:#aabbe9;border-radius:50%;height:7px;width:7px}.ds-width-dots i[data-v-f070d491]:nth-child(2){background:#7a94dc;height:11px;width:11px}.ds-width-dots i[data-v-f070d491]:last-child{background:#244dff;height:16px;width:16px}.ds-hint[data-v-f070d491]{color:#8491b0;display:block;font:10px/1.6 Arial,sans-serif;margin-top:9px}.drawing-sample[data-v-f070d491] :is(button,input):focus-visible{outline:3px solid #839aff;outline-offset:3px}@media (max-width:900px){.ds-workspace[data-v-f070d491]{grid-template-columns:42px minmax(0,1fr)}.ds-options[data-v-f070d491]{align-items:center;display:flex;gap:12px;grid-column:2;padding:0 10px}.ds-options input[data-v-f070d491]{flex:1;min-width:0;width:auto}.ds-options label[data-v-f070d491]{min-width:68px}.ds-width-dots[data-v-f070d491]{display:none}}