.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}}.sb-panel.svelte-1i0e3gv{display:flex;flex-direction:column;height:100%;overflow:hidden}