:root{--owb-toolbar-bg:#fff;--owb-toolbar-border:#e2e8f0;--owb-toolbar-text:#334155;--owb-btn-bg:#f1f5f9;--owb-btn-hover:#e2e8f0;--owb-btn-active-bg:#6366f1;--owb-btn-active-text:#fff;--owb-separator:#e2e8f0;--owb-zoom-bg:#fff;--owb-zoom-border:#e2e8f0;--owb-zoom-text:#64748b;--owb-select-bg:#f8fafc;--owb-select-border:#e2e8f0;--owb-select-text:#334155;--owb-danger:#ef4444;--owb-primary:#6366f1;--owb-canvas-bg:#fff}._owb-container{flex-direction:column;flex:1;align-self:stretch;display:flex;position:relative;overflow:hidden}._owb-toolbar{background:var(--owb-toolbar-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--owb-toolbar-border);scrollbar-width:none;z-index:10;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;overflow-x:auto}._owb-toolbar::-webkit-scrollbar{display:none}._owb-toolbar-group{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._owb-tools{align-items:center;gap:2px;display:flex}._owb-separator{background:var(--owb-separator);flex-shrink:0;width:1px;height:24px}._owb-tool-btn,._owb-action-btn{border-radius:var(--main-radius);width:32px;height:32px;color:var(--owb-toolbar-text);cursor:pointer;background:0 0;border-width:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){._owb-tool-btn:hover,._owb-action-btn:hover{background:var(--owb-btn-bg)}._owb-action-btn:disabled:hover{background:0 0}._owb-action-btn._owb-danger:hover:not(:disabled){color:var(--owb-danger)}}._owb-tool-btn._owb-active{background:var(--owb-btn-active-bg);color:var(--owb-btn-active-text)}._owb-action-btn:disabled{opacity:.35;cursor:default}._owb-color-input{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border-width:0;border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:0}._owb-color-input::-webkit-color-swatch-wrapper{border-radius:50%;padding:2px}._owb-color-input::-webkit-color-swatch{border-style:solid;border-width:2px;border-color:var(--owb-toolbar-border);border-radius:50%}._owb-color-input::-moz-color-swatch{border-style:solid;border-width:2px;border-color:var(--owb-toolbar-border);border-radius:50%}._owb-select{border-style:solid;border-width:1px;border-color:var(--owb-select-border);border-radius:var(--main-radius);background:var(--owb-select-bg);height:30px;color:var(--owb-select-text);cursor:pointer;flex-shrink:0;padding:0 .5rem;font-size:.8125rem}._owb-select:focus{outline:2px solid var(--owb-primary);outline-offset:1px}._owb-btn-primary{border-radius:var(--main-radius);background:var(--owb-primary);color:#fff;cursor:pointer;border-width:0;flex-shrink:0;align-items:center;gap:.375rem;height:32px;padding:0 .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}@media (hover:hover){._owb-btn-primary:hover{opacity:.9}}._owb-quick-colors{align-items:center;gap:3px;display:flex}._owb-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:0}@media (hover:hover){._owb-color-dot:hover{border-color:var(--owb-toolbar-text);opacity:.8}}._owb-color-dot._owb-selected{border-color:var(--owb-primary);box-shadow:0 0 0 1px var(--owb-primary)}._owb-width-group{flex-shrink:0;align-items:center;gap:4px;display:flex}._owb-width-preview{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}._owb-width-dot{background:var(--owb-toolbar-text);border-radius:50%;width:8px;height:8px;display:block}._owb-width-slider{-webkit-appearance:none;appearance:none;background:var(--owb-separator);cursor:pointer;border-radius:2px;outline:none;width:60px;height:4px}._owb-width-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--owb-primary);cursor:pointer;border-width:0;border-radius:50%;width:14px;height:14px}._owb-width-slider::-moz-range-thumb{background:var(--owb-primary);cursor:pointer;border-width:0;border-radius:50%;width:14px;height:14px}._owb-width-label{color:var(--owb-zoom-text);text-align:right;-webkit-user-select:none;user-select:none;min-width:16px;font-size:.6875rem}._owb-opacity-group{flex-shrink:0;align-items:center;gap:4px;display:flex}._owb-opacity-slider{-webkit-appearance:none;appearance:none;background:var(--owb-separator);cursor:pointer;border-radius:2px;outline:none;width:60px;height:4px}._owb-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--owb-primary);cursor:pointer;border-width:0;border-radius:50%;width:14px;height:14px}._owb-opacity-slider::-moz-range-thumb{background:var(--owb-primary);cursor:pointer;border-width:0;border-radius:50%;width:14px;height:14px}._owb-opacity-label{color:var(--owb-zoom-text);text-align:right;-webkit-user-select:none;user-select:none;min-width:28px;font-size:.6875rem}@media (max-width:768px){._owb-toolbar{-webkit-overflow-scrolling:touch;gap:.375rem;padding:.375rem .5rem}._owb-tool-btn,._owb-action-btn{width:36px;height:36px}._owb-btn-primary span{display:none}._owb-btn-primary{justify-content:center;width:36px;height:36px;padding:0}._owb-quick-colors,._owb-opacity-group{display:none}._owb-color-input{width:32px;height:32px}._owb-select{height:36px;font-size:.875rem}._owb-width-slider{width:80px;height:6px}._owb-width-slider::-webkit-slider-thumb{width:18px;height:18px}._owb-width-slider::-moz-range-thumb{width:18px;height:18px}._owb-separator{height:28px}}._owb-canvas-wrap{background:var(--owb-canvas-bg);touch-action:none;overscroll-behavior:contain;flex:1;position:relative;overflow:hidden}._owb-canvas-wrap .canvas-container{width:100%!important;height:100%!important}._owb-canvas-wrap canvas{touch-action:none;display:block}._owb-zoom-bar{background:var(--owb-zoom-bg);border-style:solid;border-width:1px;border-color:var(--owb-zoom-border);border-radius:var(--main-radius);z-index:5;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex;position:absolute;bottom:1rem;left:1rem;box-shadow:0 2px 8px #00000014}._owb-zoom-btn{border-radius:var(--main-radius);width:26px;height:26px;color:var(--owb-zoom-text);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){._owb-zoom-btn:hover{background:var(--owb-btn-bg);color:var(--owb-toolbar-text)}}._owb-zoom-level{color:var(--owb-zoom-text);text-align:center;-webkit-user-select:none;user-select:none;min-width:40px;font-size:.75rem;font-weight:500}@media (max-width:768px){._owb-zoom-bar{padding:.25rem .375rem;bottom:.5rem;left:.5rem}._owb-zoom-btn{width:32px;height:32px}._owb-zoom-level{min-width:36px;font-size:.75rem}}