.klh-earth{display:flex;flex-direction:column;gap:8px;font-family:var(--klh-css-font);font-size:var(--klh-css-font-size);color:var(--klh-css-ink);background:var(--klh-css-bg)}.klh-earth__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--klh-css-card);border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius)}.klh-earth__title{display:flex;align-items:baseline;gap:10px;min-width:0}.klh-earth__title strong{font-size:var(--klh-css-font-size-lg)}.klh-earth__title span{font-size:var(--klh-css-font-size-sm)}.klh-earth__controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.klh-earth__toggle,.klh-earth__select{font-family:inherit;font-size:var(--klh-css-font-size);color:var(--klh-css-ink);background:var(--klh-css-bg);border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);padding:3px 10px;cursor:pointer}.klh-earth__toggle:hover:not(:disabled),.klh-earth__select:hover{background:var(--klh-css-hover-bg)}.klh-earth__toggle[aria-pressed=true]{border-color:var(--klh-css-accent);color:var(--klh-css-accent)}.klh-earth__toggle:disabled{color:var(--klh-css-disabled);cursor:default}.klh-earth__toggle:focus-visible,.klh-earth__select:focus-visible,.klh-earth__tool:focus-visible{outline:2px solid var(--klh-css-focus-ring);outline-offset:1px}.klh-earth__body{display:flex;gap:8px;align-items:flex-start}.klh-earth__palette{display:flex;flex-direction:column;gap:4px;flex:0 0 132px}.klh-earth__tool{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;font-family:inherit;font-size:var(--klh-css-font-size);text-align:left;color:var(--klh-css-ink);background:var(--klh-css-card);border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);cursor:pointer}.klh-earth__tool:hover:not(:disabled){background:var(--klh-css-hover-bg)}.klh-earth__tool[aria-pressed=true]{border-color:var(--klh-css-accent);color:var(--klh-css-accent)}.klh-earth__tool:disabled{color:var(--klh-css-disabled);cursor:default}.klh-earth__tool img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}.klh-earth__swatch{width:26px;height:26px;flex:0 0 auto;border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);background:var(--klh-css-accent)}.klh-earth__stage{flex:1 1 auto;min-width:0;border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);overflow:hidden;aspect-ratio:1 / 1}.klh-earth__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.klh-earth__status{min-height:20px;padding:3px 10px;font-size:var(--klh-css-font-size-sm);color:var(--klh-css-ink)}.klh-earth__warn{display:inline-block;padding:2px 8px;background:var(--klh-css-alert-warn-bg);border-left:3px solid var(--klh-css-warn);border-radius:var(--klh-css-radius)}@media (max-width: 720px){.klh-earth__body{flex-direction:column}.klh-earth__palette{flex:0 0 auto;flex-direction:row;width:100%;overflow-x:auto}.klh-earth__tool{width:auto;white-space:nowrap}.klh-earth__tool span{display:none}.klh-earth__tool img,.klh-earth__swatch{width:32px;height:32px}}:root{--klh-css-ink: #0F172A;--klh-css-accent: #0F8AAB;--klh-css-bg: #F8FAFC;--klh-css-card: #FFFFFF;--klh-css-border: #94A3B8;--klh-css-hover-bg: #F1F5F9;--klh-css-disabled: #94A3B8;--klh-css-focus-ring: 2px solid var(--klh-css-accent);--klh-css-ok: #166534;--klh-css-warn: #92400E;--klh-css-danger: #991B1B;--klh-css-alert-info-bg: #E0F2F7;--klh-css-alert-warn-bg: #FDF4E8;--klh-css-alert-danger-bg: #FDE8E8;--klh-css-badge-ok: #166534;--klh-css-badge-warn: #92400E;--klh-css-badge-danger: #991B1B;--klh-css-heat-1: #B2E0EB;--klh-css-heat-2: #5BC4D8;--klh-css-heat-3: #1A9CB5;--klh-css-heat-4: #0C748F;--klh-css-series-1: #2A78D6;--klh-css-series-2: #EB6834;--klh-css-series-3: #1BAF7A;--klh-css-series-4: #EDA100;--klh-css-series-5: #E87BA4;--klh-css-overlay: rgba(15, 23, 42, .7);--klh-css-radius: 4px;--klh-css-cell-pad: 3px 10px;--klh-css-card-pad: 8px 10px;--klh-css-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--klh-css-font-mono: "JetBrains Mono", ui-monospace, monospace;--klh-css-font-size: 13px;--klh-css-font-size-sm: 12px;--klh-css-font-size-xs: 10px;--klh-css-font-size-label: 9px;--klh-css-font-size-lg: 14px;--klh-css-font-size-xl: 16px;--klh-css-font-size-2xl: 20px;--klh-css-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--klh-css-ink: #F1F5F9;--klh-css-accent: #22D3EE;--klh-css-bg: #0F172A;--klh-css-card: #1E293B;--klh-css-border: #94A3B8;--klh-css-hover-bg: #334155;--klh-css-disabled: #475569;--klh-css-ok: #4ADE80;--klh-css-warn: #F59E0B;--klh-css-danger: #F87171;--klh-css-alert-info-bg: #164E63;--klh-css-alert-warn-bg: #451A03;--klh-css-alert-danger-bg: #450A0A;--klh-css-badge-ok: #166534;--klh-css-badge-warn: #92400E;--klh-css-badge-danger: #991B1B;--klh-css-heat-1: #164E63;--klh-css-heat-2: #0E7490;--klh-css-heat-3: #06B6D4;--klh-css-heat-4: #22D3EE;--klh-css-series-1: #3987E5;--klh-css-series-2: #D95926;--klh-css-series-3: #199E70;--klh-css-series-4: #C98500;--klh-css-series-5: #D55181;--klh-css-overlay: rgba(0, 0, 0, .75);--klh-css-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2)}}:root[data-theme=dark]{--klh-css-ink: #F1F5F9;--klh-css-accent: #22D3EE;--klh-css-bg: #0F172A;--klh-css-card: #1E293B;--klh-css-border: #94A3B8;--klh-css-hover-bg: #334155;--klh-css-disabled: #475569;--klh-css-ok: #4ADE80;--klh-css-warn: #F59E0B;--klh-css-danger: #F87171;--klh-css-alert-info-bg: #164E63;--klh-css-alert-warn-bg: #451A03;--klh-css-alert-danger-bg: #450A0A;--klh-css-badge-ok: #166534;--klh-css-badge-warn: #92400E;--klh-css-badge-danger: #991B1B;--klh-css-heat-1: #164E63;--klh-css-heat-2: #0E7490;--klh-css-heat-3: #06B6D4;--klh-css-heat-4: #22D3EE;--klh-css-series-1: #3987E5;--klh-css-series-2: #D95926;--klh-css-series-3: #199E70;--klh-css-series-4: #C98500;--klh-css-series-5: #D55181;--klh-css-overlay: rgba(0, 0, 0, .75);--klh-css-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2)}:root[data-theme=light]{--klh-css-ink: #0F172A;--klh-css-accent: #0F8AAB;--klh-css-bg: #F8FAFC;--klh-css-card: #FFFFFF;--klh-css-border: #94A3B8;--klh-css-hover-bg: #F1F5F9;--klh-css-disabled: #94A3B8;--klh-css-ok: #166534;--klh-css-warn: #92400E;--klh-css-danger: #991B1B;--klh-css-alert-info-bg: #E0F2F7;--klh-css-alert-warn-bg: #FDF4E8;--klh-css-alert-danger-bg: #FDE8E8;--klh-css-badge-ok: #166534;--klh-css-badge-warn: #92400E;--klh-css-badge-danger: #991B1B;--klh-css-heat-1: #B2E0EB;--klh-css-heat-2: #5BC4D8;--klh-css-heat-3: #1A9CB5;--klh-css-heat-4: #0C748F;--klh-css-series-1: #2A78D6;--klh-css-series-2: #EB6834;--klh-css-series-3: #1BAF7A;--klh-css-series-4: #EDA100;--klh-css-series-5: #E87BA4;--klh-css-overlay: rgba(15, 23, 42, .7);--klh-css-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04)}body{margin:0;background:var(--klh-css-bg);color:var(--klh-css-ink);font-family:var(--klh-css-font);font-size:var(--klh-css-font-size)}.earth-demo{max-width:1100px;margin:0 auto;padding:12px 16px 32px;display:flex;flex-direction:column;gap:10px}.earth-demo__head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--klh-css-card);border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius)}.earth-demo__head>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.earth-demo__head strong{font-size:var(--klh-css-font-size-xl)}.earth-demo__head span{font-size:var(--klh-css-font-size-sm)}.earth-demo__places{display:flex;flex-wrap:wrap;gap:6px}.earth-demo__places button{font-family:inherit;font-size:var(--klh-css-font-size);color:var(--klh-css-ink);background:var(--klh-css-bg);border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);padding:3px 10px;cursor:pointer}.earth-demo__places button:hover:not(:disabled){background:var(--klh-css-hover-bg)}.earth-demo__places button[aria-pressed=true]{border-color:var(--klh-css-accent);color:var(--klh-css-accent)}.earth-demo__places button:disabled{color:var(--klh-css-disabled);cursor:default}.earth-demo__places button:focus-visible{outline:2px solid var(--klh-css-focus-ring);outline-offset:1px}.earth-demo__status{margin:0;padding:6px 10px;background:var(--klh-css-alert-warn-bg);border-left:3px solid var(--klh-css-warn);border-radius:var(--klh-css-radius);font-size:var(--klh-css-font-size-sm)}.earth-demo__empty{margin:0;padding:40px 10px;text-align:center;border:1px solid var(--klh-css-border);border-radius:var(--klh-css-radius);background:var(--klh-css-card)}@media (max-width: 720px){.earth-demo{padding:8px 10px 24px}.earth-demo__places{width:100%}}