:root{--sidebar-left-width:300px;--sidebar-right-width:320px;--sidebar-min-width:180px;--sidebar-max-width:600px;--resize-handle-width:4px;--resize-handle-hover-width:8px;--sidebar-transition:width 0.2s cubic-bezier(0.4,0,0.2,1)}.workspace{display:grid;grid-template-columns:var(--sidebar-left-width) 1fr var(--sidebar-right-width);gap:12px;padding:12px}.canvas-wrap{background:transparent !important}.sidebar{position:relative;overflow:auto}.resize-handle{position:absolute;top:0;bottom:0;width:var(--resize-handle-width);background:transparent;cursor:col-resize;user-select:none;z-index:10;transition:all 0.15s ease}.resize-handle-left{right:0;transform:translateX(50%)}.resize-handle-right{left:0;transform:translateX(-50%)}.resize-handle:hover{width:var(--resize-handle-hover-width);background:rgba(94,163,255,0.3)}.resize-handle.active{background:rgba(94,163,255,0.5);box-shadow:0 0 8px rgba(94,163,255,0.4)}body.resizing{cursor:col-resize;user-select:none}body.resizing *{pointer-events:none}body.resizing .resize-handle{pointer-events:auto}.resize-preview-line{position:fixed;top:0;bottom:0;width:2px;background:rgba(94,163,255,0.8);box-shadow:0 0 8px rgba(94,163,255,0.6);pointer-events:none;z-index:9999}.resize-width-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.9);color:white;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:monospace;pointer-events:none;z-index:10000;opacity:0;transition:opacity 0.15s ease;box-shadow:0 4px 16px rgba(0,0,0,0.4)}.resize-width-indicator.visible{opacity:1}.sidebar{transition:var(--sidebar-transition)}body.resizing .sidebar{transition:none}@media (max-width:1024px){.workspace{grid-template-columns:1fr}.resize-handle{display:none}}.resize-handle:focus-visible{outline:2px solid rgba(94,163,255,0.8);outline-offset:2px}.resize-handle::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:24px;background:rgba(255,255,255,0.15);border-radius:2px;opacity:0;transition:opacity 0.2s ease}.resize-handle:hover::before{opacity:1}