.debug-panel.svelte-milf3l{position:fixed;z-index:9999;width:320px;max-height:80vh;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:var(--font-family-alt, monospace);font-size:12px;color:#fff;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;-webkit-user-select:none;user-select:none}.debug-panel.dragging.svelte-milf3l{cursor:grabbing}.debug-panel.collapsed.svelte-milf3l{height:auto}.debug-header.svelte-milf3l{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab}.debug-header.svelte-milf3l:active{cursor:grabbing}.debug-header.svelte-milf3l h3:where(.svelte-milf3l){margin:0;font-size:14px;font-weight:600}.header-controls.svelte-milf3l{display:flex;gap:8px}.collapse-btn.svelte-milf3l,.close-btn.svelte-milf3l{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;line-height:1}.collapse-btn.svelte-milf3l:hover,.close-btn.svelte-milf3l:hover{background:#fff3}.debug-content.svelte-milf3l{padding:12px;max-height:calc(80vh - 50px);overflow-y:auto}.state-display.svelte-milf3l{margin-bottom:16px;padding:8px;background:#ffffff0d;border-radius:4px}.state-display.svelte-milf3l h4:where(.svelte-milf3l){margin:0 0 8px;font-size:12px;color:#ccc}.state-info.svelte-milf3l{display:flex;flex-direction:column;gap:4px}.state-item.svelte-milf3l{display:flex;justify-content:space-between;align-items:center}.label.svelte-milf3l{color:#aaa;font-size:11px}.value.svelte-milf3l{font-weight:600;font-size:11px}.value.active.svelte-milf3l{color:#4ade80}.value.loading.svelte-milf3l{color:#3b82f6}.value.error.svelte-milf3l{color:#ef4444}.value.success.svelte-milf3l{color:#10b981}.control-section.svelte-milf3l{margin-bottom:16px}.control-section.svelte-milf3l h4:where(.svelte-milf3l){margin:0 0 8px;font-size:12px;color:#ccc;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.button-grid.svelte-milf3l{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenario-grid.svelte-milf3l{display:flex;flex-direction:column;gap:4px}.scenario-btn.svelte-milf3l{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:11px;text-align:left;transition:background-color .2s}.scenario-btn.svelte-milf3l:hover{background:#fff3}.scenario-btn.svelte-milf3l:active{background:#ffffff4d}.debug-content.svelte-milf3l::-webkit-scrollbar{width:6px}.debug-content.svelte-milf3l::-webkit-scrollbar-track{background:#ffffff1a}.debug-content.svelte-milf3l::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.debug-content.svelte-milf3l::-webkit-scrollbar-thumb:hover{background:#ffffff80}.location-info-root.svelte-9uvfhm{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-family:var(--font-family-main);border-radius:var(--bdr-radius-small);width:100%;overflow:hidden;height:72px;background-color:var(--bg-page);box-shadow:inset 0 0 0 1px var(--fg-text-primary)}.weather-state-container.svelte-9uvfhm{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:64px;padding:16px;width:100%;gap:12px;transition:all .2s ease-in-out}.weather-icon-slot.svelte-9uvfhm{display:flex;align-items:center;justify-content:center;flex-shrink:0}.weather-content.svelte-9uvfhm{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1;gap:2px}.weather-action-slot.svelte-9uvfhm{display:flex;align-items:center;flex-shrink:0}.weather-text-primary.svelte-9uvfhm{font-size:var(--fs-275);font-weight:var(--fw-semibold);color:var(--fg-text-primary);font-family:var(--font-family-main)}.weather-text-secondary.svelte-9uvfhm{font-size:var(--fs-200);color:var(--fg-text-secondary);font-family:var(--font-family-main);margin:0;line-height:1.3}.loading-state.svelte-9uvfhm{background-color:var(--bg-page)}.loading-text.svelte-9uvfhm{color:var(--fg-text-secondary);font-family:var(--font-family-alt)}.loading-state.svelte-9uvfhm .weather-icon-slot:where(.svelte-9uvfhm) svg{animation:svelte-9uvfhm-pulse 2s ease-in-out infinite}@keyframes svelte-9uvfhm-pulse{0%{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}to{opacity:.6;transform:scale(1) rotate(360deg)}}