:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-rounded-3FAF6AX3.woff2") format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Noto Sans;src:url(https://arrow.wiregrid.cz/fonts/NotoSans.ttf) format("truetype");font-weight:100 900;font-style:normal}:root{--bg-0: #f6f6f6;--bg-1: #ebebeb;--bg-2: #e0e0e0;--bg-3: #ccc;--fg: #1a1a1a;--fg-muted: #555;--fg-dim: #888;--fg-dimmer: #aaa;--border: #d0d0d0;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-fg: #fff;--success: #16a34a;--success-fg: #fff;--error: #dc2626;--ghost-bg: #ddd;--ghost-bg-hover: #d0d0d0;--ghost-fg: #444;--shadow-overlay: rgba(0, 0, 0, .12);--radius: 6px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", "Consolas", monospace;--map-filter: none;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg-0: #1a1a1a;--bg-1: #222;--bg-2: #2a2a2a;--bg-3: #363636;--fg: #d4d4d4;--fg-muted: #aaa;--fg-dim: #777;--fg-dimmer: #555;--border: #363636;--accent: #60a5fa;--accent-hover: #3b82f6;--accent-fg: #111;--success: #4ade80;--success-fg: #111;--error: #f87171;--ghost-bg: #333;--ghost-bg-hover: #404040;--ghost-fg: #bbb;--shadow-overlay: rgba(255, 255, 255, .06);--map-filter: invert(1) hue-rotate(180deg);color-scheme:dark}}body{font-family:var(--font);font-size:13px;color:var(--fg);background:var(--bg-0);overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0}input[type=number]{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.draco-icon{font-family:Material Symbols Rounded;font-size:20px;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.draco-btn .draco-icon,.draco-tab .draco-icon,.draco-btn-icon .draco-icon{font-size:15px}.draco-hint-text .draco-icon{font-size:15px;vertical-align:middle}.draco-shell{display:flex;height:100vh;width:100vw;&.draco-dragging{cursor:col-resize;user-select:none}}.draco-icon-bar{width:48px;background:var(--bg-0);display:flex;flex-direction:column;align-items:center;padding:6px 0;flex-shrink:0;border-right:1px solid var(--border);.draco-icon-btn{width:36px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--fg-dim);cursor:pointer;border-radius:var(--radius);margin:2px 0;padding:4px;gap:1px;transition:all .15s;&:hover{color:var(--fg);background:var(--bg-2)}&.draco-active{color:var(--accent);background:var(--bg-2)}.draco-icon-label{font-size:8px;letter-spacing:.5px;text-transform:uppercase}}}.draco-config-sidebar{width:320px;background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;flex-shrink:0}.draco-sidebar-content,.draco-sidebar-form{display:flex;flex-direction:column;height:100%}.draco-editor-panel{background:var(--bg-0);border-right:1px solid var(--border);flex-shrink:0;overflow:hidden;display:flex;flex-direction:column}.draco-resizer{width:3px;cursor:col-resize;background:var(--border);flex-shrink:0;transition:background .15s;&:hover{background:var(--accent)}}.draco-main{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-0)}.draco-main-area{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.draco-main-panel{display:flex;flex-direction:column;height:100%}.draco-top-section{padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;gap:8px}.draco-file-hidden{display:none}.draco-file-input-custom{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-0);color:var(--fg-dim);cursor:pointer;display:flex;align-items:center;min-width:0;font-size:12px;transition:border-color .15s;&:hover{border-color:var(--accent)}&.draco-has-file{color:var(--fg)}.draco-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.draco-btn{padding:6px 14px;border:none;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.draco-btn-primary{background:var(--accent);color:var(--accent-fg);&:hover{background:var(--accent-hover)}}.draco-btn-ghost{background:var(--ghost-bg);color:var(--ghost-fg);&:hover{background:var(--ghost-bg-hover);color:var(--fg)}}.draco-btn-success{background:var(--success);color:var(--success-fg);&:hover{opacity:.9}}.draco-btn-sm{padding:4px 8px;font-size:11px}.draco-btn-icon{padding:4px;background:none;border:none;color:var(--fg-dim);cursor:pointer;border-radius:var(--radius);display:inline-flex;align-items:center;transition:all .15s;&:hover{color:var(--success);background:var(--bg-3)}}.draco-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0;gap:6px}.draco-toolbar-left{display:flex;gap:4px}.draco-config-section{flex:1;overflow-y:auto;padding:10px 12px}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin:8px 0;background:var(--bg-2)}legend{font-weight:600;font-size:12px;padding:0 6px;color:var(--fg)}.draco-toggle-legend{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;input[type=checkbox]{accent-color:var(--accent)}}.draco-hint-text{color:var(--fg-dim);font-size:11px;margin:4px 0 0}.draco-field{margin-bottom:6px;label{display:block;font-size:11px;font-weight:500;margin-bottom:3px;color:var(--fg-dim)}input[type=text],input[type=number]{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1);color:var(--fg);font-size:12px;font-family:var(--font);transition:border-color .15s;&:focus{outline:none;border-color:var(--accent)}&::placeholder{color:var(--fg-dimmer)}}input[type=color]{width:100%;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1);cursor:pointer;padding:0;&::-webkit-color-swatch-wrapper{padding:2px}&::-webkit-color-swatch{border:none;border-radius:2px}&::-moz-color-swatch{border:none;border-radius:2px}}textarea{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1);color:var(--fg);font-family:var(--font-mono);font-size:11px;resize:none;overflow:hidden;transition:border-color .15s;&:focus{outline:none;border-color:var(--accent)}}}.draco-field-row{display:flex;gap:8px;.draco-field{flex:1}}.draco-tab-bar{display:flex;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;font-size:12px}.draco-tab{padding:6px 14px;border:none;background:none;cursor:pointer;color:var(--fg-dim);border-bottom:2px solid transparent;font-family:var(--font);font-size:12px;transition:all .15s;display:inline-flex;align-items:center;gap:4px;user-select:none;&:hover{color:var(--fg);background:var(--bg-2)}&.draco-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;background:var(--bg-2)}.draco-close-tab{margin-left:6px;opacity:.4;font-size:11px;&:hover{opacity:1}}}.draco-map-layer{position:relative;flex:1;overflow:hidden;&.draco-hidden{display:none}}.draco-map{width:100%;height:100%;.draco-base-layer{opacity:.1;canvas{filter:var(--map-filter)}}.draco-relief-layer{canvas{mix-blend-mode:multiply}}.ol-zoom{display:none}}.draco-json-area{flex:1;overflow:hidden}.draco-overlay{position:absolute;z-index:10;pointer-events:none;*{pointer-events:auto}&.draco-top-right{top:12px;right:12px}&.draco-bottom-right{bottom:12px;right:12px}}.draco-centered-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.draco-centered-message-static{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.draco-error-text{color:var(--error);font-size:14px;max-width:500px;text-align:center;padding:20px}.draco-placeholder-text{color:var(--fg-dimmer);font-size:15px}.draco-status-text{color:var(--fg-dim);font-size:14px;font-style:italic}.draco-layer-panel{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 4px 12px var(--shadow-overlay);font-size:12px;width:fit-content;.draco-layer-divider{height:1px;background:var(--border);margin:4px 0}.draco-layer-row{display:flex;align-items:center;gap:4px;&.draco-disabled{opacity:.5}}.draco-layer-toggle{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer;flex:1;min-width:0;input[type=radio]{accent-color:var(--accent)}input[type=radio]:disabled{opacity:.4}}.draco-layer-actions{display:flex;align-items:center;gap:2px;justify-content:center;flex-shrink:0}.draco-layer-name{color:var(--fg);white-space:nowrap}.draco-layer-icon{font-size:15px;color:var(--fg-dim);&.draco-layer-icon-error{color:var(--error)}}.draco-spinning{animation:draco-spin 1s linear infinite}}.draco-editor-wrap{display:flex;flex-direction:column;height:100%;.draco-editor-container{flex:1}}.draco-result-pre{margin:0;padding:12px;background:var(--bg-1);color:var(--fg);font-family:var(--font-mono);font-size:11px;line-height:1.5;overflow:auto;height:100%;width:100%}.draco-result-actions{padding:10px 12px}.draco-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 0;font-size:12px;color:var(--fg)}.draco-draw-hint{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-size:11px;color:var(--fg-dim);white-space:nowrap;box-shadow:0 2px 8px var(--shadow-overlay)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dimmer)}@keyframes draco-spin{to{transform:rotate(360deg)}}