.svd-shell{min-width:0;margin:6px 0 10px;color:#18345e;font:12px system-ui,sans-serif}.svd-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;background:#f7f9fd;border:1px solid #dce5f3;border-radius:8px 8px 0 0}.svd-shell button,.svd-shell select,.svd-shell input{box-sizing:border-box;border:1px solid #cfddf5;border-radius:5px;background:#fff;color:#18345e;font:inherit;min-height:30px;padding:4px 7px}.svd-shell button{cursor:pointer}.svd-shell button:hover,.svd-shell button:focus-visible{border-color:#2284ff;outline:2px solid #a8cfff;outline-offset:1px}.svd-shell button:disabled{opacity:.4;cursor:default}.svd-shell button.active{background:#2284ff;color:white}.svd-shell input[type=color]{width:34px;padding:2px}.svd-shell input[type=text]{width:130px;min-width:0}.svd-body{display:grid;grid-template-columns:39px minmax(0,1fr);min-width:0}.svd-tools{display:flex;flex-direction:column;gap:5px;align-items:center;background:#f7f9fd;border-left:1px solid #dce5f3;padding:6px 2px}.svd-tools button{width:33px;font-size:17px;padding:2px}.svd-tools button[data-drawing-action=fib]{font-size:11px;font-weight:600}.svd-plot{min-width:0}.svd-surface{position:relative}.svd-surface>svg.svd-overlay{position:absolute;left:0;top:0;z-index:4;display:block;pointer-events:none;overflow:hidden;max-width:none;touch-action:none}.svd-surface>svg.svd-overlay.svd-drawing{pointer-events:all;cursor:crosshair}.svd-overlay:not(.svd-drawing) .svd-shape{pointer-events:visiblePainted;cursor:move}.svd-overlay .svd-shape line{pointer-events:stroke;stroke-linecap:round}.svd-overlay .svd-selected circle{pointer-events:all;cursor:crosshair}.svd-overlay.svd-drawing .svd-shape{pointer-events:none}.svd-note{margin:0;padding:6px 8px;background:#f7f9fd;color:#64748b;font-size:10px;line-height:1.5;border-radius:0 0 7px 7px;overflow-wrap:anywhere}@media(max-width:480px){.svd-actions{gap:4px;padding:5px}.svd-shell input[type=text]{width:110px}.svd-body{grid-template-columns:35px minmax(0,1fr)}.svd-tools button{width:30px}.svd-shell button{min-height:32px}}
.svd-overlay:focus{outline:none}.svd-overlay:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.svd-overlay .svd-shape text{pointer-events:bounding-box}
.svd-body{position:relative}.svd-tools{box-sizing:border-box;overflow-y:auto;scrollbar-width:thin}.svd-tools button{flex-shrink:0}.svd-tools [data-drawing-group]{position:relative}.svd-tools [data-drawing-group]:after{content:"▸";position:absolute;right:0;bottom:0;font-size:8px}.svd-tools [data-drawing-group=fibonacci]{font-size:11px;font-weight:600}.svd-menu{position:absolute;left:42px;top:0;z-index:30;width:min(245px,calc(100% - 48px));box-sizing:border-box;max-height:min(420px,60vh);overflow:auto;padding:6px;background:white;border:1px solid #cfddf5;border-radius:8px;box-shadow:0 8px 28px #1d355733}.svd-menu[hidden]{display:none}.svd-menu button{display:block;width:100%;text-align:left;margin-bottom:3px;min-height:33px;white-space:normal}.svd-shape path{pointer-events:stroke;stroke-linejoin:round;stroke-linecap:round}.svd-shape.svd-locked{cursor:not-allowed}.svd-shell:fullscreen{background:#fff;padding:12px;overflow:auto;box-sizing:border-box}.svd-shell:fullscreen .svd-surface{height:70vh!important}.svd-shell:fullscreen .svd-menu{max-height:65vh}@media(max-width:480px){.svd-menu{left:37px;width:calc(100% - 40px)}.svd-actions button{padding:4px 6px}}
.svd-export{box-sizing:border-box;max-width:min(95vw,1100px);max-height:90vh;border:1px solid #cfddf5;border-radius:12px;padding:16px;color:#18345e;overflow:auto;font:13px system-ui,sans-serif}.svd-export::backdrop{background:#18263c99}.svd-export img{display:block;max-width:100%;height:auto}.svd-export>div{display:flex;gap:15px;align-items:center;margin-top:12px}.svd-export a,.svd-export button{padding:8px 12px;border:1px solid #cfddf5;border-radius:6px;background:#f7f9fd;color:#155eef;text-decoration:none;cursor:pointer}