.koppen-overlay-opacity{display:flex;align-items:center;gap:10px;width:100%;padding:4px 10px 8px}.koppen-overlay-opacity__label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted-2);white-space:nowrap}.koppen-overlay-opacity__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted-2);min-width:3.5ch;text-align:right}.koppen-overlay-opacity__input{flex:1;min-width:0;height:4px;appearance:none;border-radius:2px;background:var(--glass-bg-hover);cursor:pointer}.koppen-overlay-opacity__input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;border:1px solid var(--glass-border-strong);background:var(--text-body-2)}.koppen-overlay-opacity__input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:1px solid var(--glass-border-strong);background:var(--text-body-2)}.koppen-overlay-legend{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 10px 8px}.koppen-overlay-legend__item{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:600;color:var(--text-muted-2)}.koppen-overlay-legend__swatch{width:10px;height:10px;border-radius:2px;border:1px solid var(--glass-border-medium);flex:none}.dev-console-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);padding:2rem 1rem;overflow-y:auto}.dev-console{width:min(380px,100%);max-height:calc(100vh - 6rem);overflow-y:auto;background:var(--color-surface);color:var(--color-text);border-radius:14px;border:1px solid var(--glass-border-subtle);box-shadow:var(--shadow-float);padding:16px}.dev-console__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dev-console__title{font-size:.9rem;font-weight:700;margin:0}.dev-console__close{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:4px}.dev-console__close:hover{opacity:1}.dev-console__section{margin-bottom:14px}.dev-console__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin:0 0 6px}.dev-console__stat{font-size:.8rem;margin:0;font-variant-numeric:tabular-nums}.dev-console__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dev-console__btn{font:inherit;font-size:.72rem;font-weight:600;padding:6px 8px;border-radius:8px;border:1px solid var(--glass-border-subtle);background:var(--glass-bg-medium);color:inherit;cursor:pointer;transition:background .15s}.dev-console__btn:hover{background:var(--glass-bg-hover)}.glass-popover{border-radius:14px;border:1px solid var(--glass-border-subtle);background:rgba(255,255,255,.98);box-shadow:var(--shadow-popover);outline:none}html.dark .glass-popover{background:rgba(24,26,32,.97);box-shadow:0 18px 48px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05)}