:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-background:#fff;--color-background-secondary:#f4f4f4;--color-background-tertiary:#e9e9e9;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-border:#ccc;--color-border-light:#e5e5e5;--color-surface:#fff;--color-surface-raised:#f9f9f9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000026;--webmapx-radius-xs:3px;--webmapx-radius-sm:4px;--webmapx-radius-md:6px;--webmapx-radius-lg:12px;--webmapx-space-xs:.25rem;--webmapx-space-sm:.5rem;--webmapx-space-md:.75rem;--webmapx-space-lg:1rem;--webmapx-font-size-sm:.75rem;--webmapx-font-size-md:.875rem;--webmapx-font-size-lg:1rem;--webmapx-shadow-sm:var(--shadow-sm);--webmapx-shadow-md:var(--shadow-md);--webmapx-shadow-lg:var(--shadow-lg);--overlay-inset:16px;--tool-background-opacity:.95;--font-size-small:12px;--compact-padding-vertical:2px;--compact-padding-horizontal:8px;--compact-gap:8px;font-family:Arial,sans-serif}[data-theme=dark]{--color-primary:#4da3ff;--color-primary-hover:#7fbfff;--color-background:#1a1a1a;--color-background-secondary:#252525;--color-background-tertiary:#333;--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-muted:gray;--color-border:#444;--color-border-light:#3a3a3a;--color-surface:#2a2a2a;--color-surface-raised:#333;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}webmapx-toolbar sl-button sl-icon{vertical-align:0}webmapx-toolbar sl-button[data-tooltip]{position:relative}webmapx-toolbar sl-button[data-tooltip]:after{content:attr(data-tooltip);z-index:1000;top:50%;left:calc(100% + var(--webmapx-tooltip-offset,8px));width:max-content;max-width:var(--webmapx-tooltip-max-width,16rem);padding:var(--webmapx-tooltip-padding,.35rem .55rem);border:var(--webmapx-tooltip-border,1px solid #ffffff2e);border-radius:var(--webmapx-tooltip-radius,3px);background:var(--webmapx-tooltip-bg,#202020f2);color:var(--webmapx-tooltip-color,#fff);box-shadow:var(--webmapx-tooltip-shadow,0 2px 8px #00000038);font:var(--webmapx-tooltip-font,12px/1.3 Arial, sans-serif);white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--webmapx-tooltip-duration,.12s) ease, visibility 0s linear var(--webmapx-tooltip-duration,.12s);position:absolute;transform:translateY(-50%)}webmapx-toolbar[tooltip-placement=left] sl-button[data-tooltip]:after{right:calc(100% + var(--webmapx-tooltip-offset,8px));left:auto}webmapx-toolbar sl-button[data-tooltip]:hover:after,webmapx-toolbar sl-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:var(--webmapx-tooltip-delay,.35s)}@media (hover:none){webmapx-toolbar sl-button[data-tooltip]:focus-within:after{opacity:1;visibility:visible;transition-delay:var(--webmapx-tooltip-delay,.35s)}}[data-style=compact]{--overlay-inset:8px;--font-size-small:11px;--compact-gap:4px;--webmapx-space-xs:.15rem;--webmapx-space-sm:.3rem;--webmapx-space-md:.45rem;--webmapx-space-lg:.6rem;--webmapx-font-size-sm:.7rem;--webmapx-font-size-md:.8rem;--webmapx-font-size-lg:.9rem;--shadow-sm:0 1px 1px #0000000f;--shadow-md:0 2px 6px #0000001a;--shadow-lg:0 4px 12px #0000001f;--sl-spacing-x-small:var(--webmapx-space-xs);--sl-spacing-small:var(--webmapx-space-sm);--sl-spacing-medium:var(--webmapx-space-sm);--sl-font-size-small:11px;--sl-input-height-small:1.6rem;--sl-input-height-medium:1.9rem}[data-style=glossy]{--webmapx-radius-xs:.4rem;--webmapx-radius-sm:.5rem;--webmapx-radius-md:.75rem;--webmapx-radius-lg:1rem;--shadow-sm:0 2px 4px #003c961a;--shadow-md:0 6px 16px #003c962e;--shadow-lg:0 12px 32px #003c9638;--sl-border-radius-small:var(--webmapx-radius-sm);--sl-border-radius-medium:var(--webmapx-radius-md);--sl-border-radius-large:var(--webmapx-radius-lg);--sl-panel-background-color:#ffffffd9;--webmapx-panel-radius:var(--webmapx-radius-md);--webmapx-toolbar-radius:var(--webmapx-radius-md);--webmapx-control-bg-image:linear-gradient(180deg, #fff9, #fff0);--webmapx-control-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff80}[data-style=glossy] sl-button::part(base),[data-style=glossy] sl-select::part(combobox),[data-style=glossy] sl-input::part(base){background-image:var(--webmapx-control-bg-image,none);box-shadow:var(--webmapx-control-shadow,none)}[data-theme=dark] webmapx-toolbar{--webmapx-tooltip-bg:#f8f8f8f5;--webmapx-tooltip-color:#1a1a1a;--webmapx-tooltip-border:1px solid #0000002e}webmapx-toolbar sl-button::part(label){justify-content:center;align-items:center;display:flex}webmapx-map{width:100%;min-width:150px;height:100%;min-height:150px;display:block;position:relative;overflow:hidden}