.toolbar{position:fixed;top:132px;left:20px;z-index:1050;transition:left 0.4s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:14px;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4)}body.panel-style-floating.marker-panel-open .toolbar{left:420px}body.panel-style-docked.marker-panel-open .toolbar{left:390px}.toolbar:hover{background:rgb(0 0 0 / .22)}.toolbar-separator{height:1px;background:rgb(255 255 255 / .1);margin:8px 0}.toolbar-title{display:none}.zoom-controls{display:flex;flex-direction:column;gap:0}.zoom-button{display:flex;align-items:center;justify-content:center;width:44px;height:38px;padding:0;border:none;background:#fff0;cursor:pointer;font-size:18px;font-weight:300;color:rgb(255 255 255 / .7);transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative}.zoom-button:first-child{border-radius:8px 8px 0 0}.zoom-button:last-child{border-radius:0 0 8px 8px}.zoom-button:not(:last-child)::after{content:'';position:absolute;bottom:0;left:10px;right:10px;height:1px;background:rgb(255 255 255 / .15)}.zoom-button:hover{background:rgb(255 255 255 / .12);color:rgb(255 255 255 / .95)}.zoom-button:active{background:rgb(255 255 255 / .18);transform:scale(.96)}.tools-section{display:flex;flex-direction:column;gap:4px}.toolbar-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-bottom:4px;border:none;border-radius:12px;background:rgb(255 255 255 / .08);cursor:pointer;font-size:18px;color:rgb(255 255 255 / .7);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.toolbar-button:last-child{margin-bottom:0}.toolbar-button:hover{background:rgb(255 255 255 / .15);color:rgb(255 255 255 / .95)}.toolbar-button.active{background:var(--accent-color);color:#fff}.toolbar-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.draw-options-panel{position:fixed;bottom:80px;left:20px;z-index:1051;padding:12px;border-radius:14px;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4);opacity:0;transform:translateX(-10px);pointer-events:none;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.draw-options-panel.visible{opacity:1;transform:translateX(0);pointer-events:all}body.panel-style-floating.marker-panel-open .draw-options-panel{left:420px}body.panel-style-docked.marker-panel-open .draw-options-panel{left:390px}body.panel-style-floating.media-panel-open .draw-options-panel{left:420px}body.panel-style-docked.media-panel-open .draw-options-panel{left:390px}.draw-options-panel:hover{background:rgb(0 0 0 / .22)}.draw-option-group{margin-bottom:12px}.draw-option-group:last-child{margin-bottom:0}.draw-option-label{display:block;font-size:11px;font-weight:500;color:rgb(255 255 255 / .6);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.draw-color-options{display:flex;gap:6px;flex-wrap:wrap}.draw-color-btn{width:32px;height:32px;border-radius:8px;border:2px solid #fff0;cursor:pointer;transition:all 0.2s cubic-bezier(.4,0,.2,1);position:relative}.draw-color-btn:hover{transform:scale(1.1);border-color:rgb(255 255 255 / .3)}.draw-color-btn.active{border-color:rgb(255 255 255 / .8);box-shadow:0 0 0 2px rgb(255 255 255 / .2)}.draw-color-btn.active::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 0 3px rgb(0 0 0 / .5)}.draw-mode-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.draw-mode-btn{padding:8px 4px;border:none;border-radius:8px;background:rgb(255 255 255 / .08);color:rgb(255 255 255 / .7);font-size:10px;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.draw-mode-btn i{font-size:12px}.draw-mode-btn:hover{background:rgb(255 255 255 / .15);color:rgb(255 255 255 / .95)}.draw-mode-btn.active{background:var(--accent-color);color:#fff}.draw-color-custom{position:relative;width:32px;height:32px;border-radius:8px;border:2px solid rgb(255 255 255 / .3);cursor:pointer;overflow:hidden;background:linear-gradient(135deg,red 0%,yellow 20%,lime 40%,cyan 60%,blue 80%,magenta 100%);transition:all 0.2s cubic-bezier(.4,0,.2,1)}.draw-color-custom:hover{transform:scale(1.1);border-color:rgb(255 255 255 / .5)}.draw-color-custom input[type="color"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.draw-thickness-options{display:flex;gap:4px}.draw-thickness-btn{flex:1;padding:8px 4px;border:none;border-radius:8px;background:rgb(255 255 255 / .08);color:rgb(255 255 255 / .7);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(.4,0,.2,1);text-align:center}.draw-thickness-btn:hover{background:rgb(255 255 255 / .15);color:rgb(255 255 255 / .95)}.draw-thickness-btn.active{background:var(--accent-color);color:#fff}@media (max-width:768px){.toolbar{top:64px;left:10px;padding:6px;border-radius:12px;transition:none}body.panel-style-floating.marker-panel-open .toolbar,body.panel-style-docked.marker-panel-open .toolbar{left:10px!important}.zoom-button{width:40px;height:36px;font-size:16px}.toolbar-button{width:40px;height:40px;font-size:16px;margin-bottom:3px}.toolbar-separator{margin:6px 0}.draw-options-panel{bottom:70px;left:10px;padding:10px}body.panel-style-floating.marker-panel-open .draw-options-panel,body.panel-style-docked.marker-panel-open .draw-options-panel,body.panel-style-floating.media-panel-open .draw-options-panel,body.panel-style-docked.media-panel-open .draw-options-panel{left:10px!important}.draw-color-btn{width:28px;height:28px}.draw-thickness-btn{padding:6px 3px;font-size:10px}}@media (max-width:480px){.toolbar{top:60px;left:10px;padding:5px;border-radius:10px}.zoom-button{width:36px;height:32px;font-size:14px}.zoom-button:first-child{border-radius:6px 6px 0 0}.zoom-button:last-child{border-radius:0 0 6px 6px}.toolbar-button{width:36px;height:36px;font-size:14px;border-radius:10px}.toolbar-separator{margin:5px 0}.draw-options-panel{bottom:65px;left:10px;padding:8px}.draw-color-btn{width:26px;height:26px}.draw-thickness-btn{padding:5px 2px;font-size:9px}}