.property-label.svelte-9r34t6{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.responsive-toggle.svelte-9r34t6{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.responsive-toggle.svelte-9r34t6:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-accent)}.responsive-toggle.active.svelte-9r34t6{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.breakpoint-selector.svelte-9r34t6{display:flex;background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:.375rem;overflow:hidden}.breakpoint-btn.svelte-9r34t6{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;background:transparent;border:none;border-right:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.75rem}.breakpoint-btn.svelte-9r34t6:last-child{border-right:none}.breakpoint-btn.svelte-9r34t6:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.breakpoint-btn.active.svelte-9r34t6{background:var(--color-accent);color:var(--color-text-inverse)}.breakpoint-btn.current-viewport.svelte-9r34t6{background:var(--color-success-bg);color:var(--color-success)}.breakpoint-btn.active.current-viewport.svelte-9r34t6{background:var(--color-accent);color:var(--color-text-inverse)}.breakpoint-icon.svelte-9r34t6{font-size:1rem}.breakpoint-label.svelte-9r34t6{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-input-container.svelte-9r34t6{display:flex;flex-direction:column;gap:.5rem}.inherited-value-indicator.svelte-9r34t6{font-size:.75rem;color:var(--color-text-secondary);padding:.25rem .5rem;background:var(--color-bg-primary);border-radius:.25rem;border:1px solid var(--color-border-default)}.inherited-value-indicator.svelte-9r34t6 code:where(.svelte-9r34t6){font-family:monospace;background:var(--color-surface-default);padding:.125rem .25rem;border-radius:.25rem;font-size:.75rem}.property-input.svelte-9r34t6,.property-select.svelte-9r34t6,.color-text-input.svelte-9r34t6{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border-default);border-radius:.375rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;transition:border-color .2s ease}.property-select.svelte-9r34t6{appearance:none;padding-right:2rem}.select-wrapper.svelte-9r34t6{position:relative;width:100%}.select-arrow.svelte-9r34t6{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.property-input.svelte-9r34t6:focus,.property-select.svelte-9r34t6:focus,.color-text-input.svelte-9r34t6:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.color-input-container.svelte-9r34t6{display:flex;gap:.5rem;align-items:center}.color-input.svelte-9r34t6{width:60px;height:40px;padding:0;border:1px solid var(--color-border-default);border-radius:.375rem;cursor:pointer}.color-text-input.svelte-9r34t6{flex:1}.checkbox-container.svelte-9r34t6{display:flex;align-items:center;gap:.5rem;cursor:pointer}.property-checkbox.svelte-9r34t6{width:18px;height:18px;accent-color:var(--color-accent)}.checkbox-label.svelte-9r34t6{font-size:.875rem;color:var(--color-text-primary)}.current-viewport-indicator.svelte-9r34t6{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.viewport-label.svelte-9r34t6{font-weight:500}.live-preview-badge.svelte-9r34t6{background:var(--color-success-bg);color:var(--color-success);padding:.25rem .5rem;border-radius:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}@media(max-width:768px){.breakpoint-btn.svelte-9r34t6{padding:.375rem .125rem}.breakpoint-label.svelte-9r34t6{font-size:.625rem}.breakpoint-icon.svelte-9r34t6{font-size:.875rem}}@media(max-width:480px){.breakpoint-selector.svelte-9r34t6{flex-direction:column}.breakpoint-btn.svelte-9r34t6{flex-direction:row;justify-content:flex-start;padding:.5rem;border-right:none;border-bottom:1px solid var(--color-border)}.breakpoint-btn.svelte-9r34t6:last-child{border-bottom:none}}.section-error-fallback.svelte-1yr3nmd{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background:var(--color-neutral-50);border:2px dashed var(--color-border-default);border-radius:.5rem;margin:1rem}.error-content.svelte-1yr3nmd{text-align:center;max-width:400px}.error-icon.svelte-1yr3nmd{font-size:3rem;margin-bottom:1rem;opacity:.7}.error-title.svelte-1yr3nmd{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-secondary)}.error-description.svelte-1yr3nmd{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.critical-notice.svelte-1yr3nmd{background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem;margin-bottom:1.5rem;color:var(--color-error);font-size:.875rem}.error-actions.svelte-1yr3nmd{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.action-button.svelte-1yr3nmd{background:var(--color-blue-600);color:#fff;border:none;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.action-button.svelte-1yr3nmd:hover{background:var(--color-blue-700)}.action-button.svelte-1yr3nmd:focus{outline:2px solid var(--color-blue-600);outline-offset:2px}.debug-info.svelte-1yr3nmd{margin-top:1rem;text-align:left}.debug-info.svelte-1yr3nmd summary:where(.svelte-1yr3nmd){cursor:pointer;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.debug-content.svelte-1yr3nmd{background:var(--color-neutral-100);padding:.75rem;border-radius:.25rem;font-size:.75rem;font-family:monospace}.debug-content.svelte-1yr3nmd p:where(.svelte-1yr3nmd){margin:.25rem 0;color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){.section-error-fallback.svelte-1yr3nmd{background:var(--color-text-primary);border-color:var(--color-text-secondary)}.error-title.svelte-1yr3nmd{color:var(--color-neutral-50)}.error-description.svelte-1yr3nmd{color:var(--color-border-default)}.critical-notice.svelte-1yr3nmd{background:#7f1d1d;border-color:var(--color-error);color:#fecaca}.debug-content.svelte-1yr3nmd{background:var(--color-text-secondary)}.debug-content.svelte-1yr3nmd p:where(.svelte-1yr3nmd){color:var(--color-border-subtle)}.debug-info.svelte-1yr3nmd summary:where(.svelte-1yr3nmd){color:var(--color-text-disabled)}}@media(max-width:640px){.section-error-fallback.svelte-1yr3nmd{min-height:150px;padding:1rem;margin:.5rem}.error-content.svelte-1yr3nmd{max-width:none}.error-icon.svelte-1yr3nmd{font-size:2rem}.error-title.svelte-1yr3nmd{font-size:1.125rem}.action-button.svelte-1yr3nmd{padding:.625rem .875rem}}.sb-panel.svelte-1i0e3gv{display:flex;flex-direction:column;height:100%;overflow:hidden}