.toast-container.svelte-123p9zi{position:fixed;bottom:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;pointer-events:none}.toast.svelte-123p9zi{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-primary);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;pointer-events:auto;max-width:100%;position:relative;border:1px solid}.toast-success.svelte-123p9zi{border-color:var(--color-success);background:var(--color-bg-secondary)}.toast-error.svelte-123p9zi{border-color:var(--color-error);background:var(--color-bg-secondary)}.toast-warning.svelte-123p9zi{border-color:var(--color-warning);background:var(--color-bg-secondary)}.toast-info.svelte-123p9zi{border-color:var(--color-info);background:var(--color-bg-secondary)}.toast-icon.svelte-123p9zi{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message.svelte-123p9zi{flex:1;margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.toast-action.svelte-123p9zi{flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;background:transparent;border:1px solid currentColor;border-radius:.25rem;cursor:pointer;transition:all .2s}.toast-success.svelte-123p9zi .toast-action:where(.svelte-123p9zi){color:var(--color-success);border-color:var(--color-success)}.toast-error.svelte-123p9zi .toast-action:where(.svelte-123p9zi){color:var(--color-error);border-color:var(--color-error)}.toast-warning.svelte-123p9zi .toast-action:where(.svelte-123p9zi){color:var(--color-warning);border-color:var(--color-warning)}.toast-info.svelte-123p9zi .toast-action:where(.svelte-123p9zi){color:var(--color-info);border-color:var(--color-info)}.toast-action.svelte-123p9zi:hover{opacity:.8}.toast-close.svelte-123p9zi{position:absolute;top:.5rem;right:.5rem;padding:.25rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.toast-close.svelte-123p9zi:hover{background:#0000001a;color:var(--color-text-secondary)}@media(max-width:640px){.toast-container.svelte-123p9zi{left:1rem;right:1rem;max-width:none}}.save-status-indicator.svelte-1j0ms6s{position:relative;display:inline-block}@keyframes svelte-1j0ms6s-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes svelte-1j0ms6s-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-pulse.svelte-1j0ms6s{animation:svelte-1j0ms6s-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce.svelte-1j0ms6s{animation:svelte-1j0ms6s-bounce 1s ease-in-out}@keyframes svelte-1sq73t-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flex.svelte-1sq73t{animation:svelte-1sq73t-fadeIn .2s ease-out}.viewport-controls.svelte-1ery0ss{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.viewport-controls.compact.svelte-1ery0ss{gap:1rem;padding:.5rem .75rem}.device-info.svelte-1ery0ss{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:1px solid var(--color-border-default)}.device-details.svelte-1ery0ss{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.device-name.svelte-1ery0ss{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.device-dimensions.svelte-1ery0ss{font-family:monospace;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--color-border-default)}.device-category.svelte-1ery0ss{display:flex;align-items:center;gap:.5rem;min-width:200px;flex-wrap:nowrap}.category-badge.svelte-1ery0ss{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;min-width:70px;text-align:center;white-space:nowrap}.category-badge.desktop.svelte-1ery0ss{background:var(--color-info-muted);color:var(--color-info)}.category-badge.tablet.svelte-1ery0ss{background:var(--color-warning-muted);color:var(--color-warning)}.category-badge.mobile.svelte-1ery0ss{background:var(--color-success-muted);color:var(--color-success)}.orientation-badge.svelte-1ery0ss{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;min-width:85px;text-align:center;white-space:nowrap}.orientation-badge.portrait.svelte-1ery0ss{background:var(--color-accent-muted);color:var(--color-accent)}.orientation-badge.landscape.svelte-1ery0ss{background:var(--color-success-muted);color:var(--color-success)}.zoom-controls.svelte-1ery0ss{display:flex;align-items:center;gap:.5rem;padding-left:1rem;border-left:1px solid var(--color-border-default)}.zoom-btn.svelte-1ery0ss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.zoom-btn.svelte-1ery0ss:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-accent)}.zoom-btn.svelte-1ery0ss:disabled{opacity:.5;cursor:not-allowed}.zoom-level.svelte-1ery0ss{font-size:.875rem;font-weight:500;color:var(--color-text-primary);min-width:40px;text-align:center}@media(max-width:768px){.viewport-controls.svelte-1ery0ss:not(.compact){flex-direction:column;align-items:stretch;gap:1rem}.device-info.svelte-1ery0ss{border-left:none;border-top:1px solid var(--color-border-default);padding-left:0;padding-top:1rem}.zoom-controls.svelte-1ery0ss{border-left:none;border-top:1px solid var(--color-border-default);padding-left:0;padding-top:1rem;justify-content:center}}@media(max-width:480px){.device-details.svelte-1ery0ss{flex-direction:column;align-items:flex-start;gap:.5rem}.device-category.svelte-1ery0ss{justify-content:flex-start}}.loading-state-manager.svelte-2muvgs{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.loading-small.svelte-2muvgs{font-size:.875rem}.loading-medium.svelte-2muvgs{font-size:1rem}.loading-large.svelte-2muvgs{font-size:1.125rem}.loading-inline.svelte-2muvgs{position:relative;padding:1rem}.loading-overlay.svelte-2muvgs{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.loading-fullscreen.svelte-2muvgs{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.loading-backdrop.svelte-2muvgs{position:absolute;inset:0;background:var(--color-bg-overlay);backdrop-filter:blur(2px)}.loading-content.svelte-2muvgs{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--color-bg-elevated);border-radius:.5rem;box-shadow:var(--shadow-xl);max-width:400px;text-align:center;border:1px solid var(--color-border-subtle)}.loading-inline.svelte-2muvgs .loading-content:where(.svelte-2muvgs){background:transparent;box-shadow:none;padding:1rem;border:none}.loading-fullscreen.svelte-2muvgs .loading-content:where(.svelte-2muvgs){background:transparent;box-shadow:none;border:none}.loading-spinner.svelte-2muvgs{position:relative;width:40px;height:40px}.spinner-small.svelte-2muvgs{width:24px;height:24px}.spinner-ring.svelte-2muvgs{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--color-accent);border-radius:50%;animation:svelte-2muvgs-spin 1.2s linear infinite}.spinner-ring.svelte-2muvgs:nth-child(1){animation-delay:-.45s}.spinner-ring.svelte-2muvgs:nth-child(2){animation-delay:-.3s}.spinner-ring.svelte-2muvgs:nth-child(3){animation-delay:-.15s}@keyframes svelte-2muvgs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message.svelte-2muvgs{font-weight:500;color:var(--color-text-primary)}.progress-container.svelte-2muvgs{width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-bar.svelte-2muvgs{width:100%;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.progress-fill.svelte-2muvgs{height:100%;background:var(--color-accent);border-radius:4px;transition:width .3s ease}.progress-text.svelte-2muvgs{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.elapsed-time.svelte-2muvgs{font-size:.875rem;color:var(--color-text-muted)}.timeout-warning.svelte-2muvgs{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);color:var(--color-warning);border-radius:.375rem;font-size:.875rem;border:1px solid var(--color-warning)}.timeout-icon.svelte-2muvgs{font-size:1.25rem}.retry-button.svelte-2muvgs{margin-left:.5rem;padding:.25rem .75rem;background:var(--color-warning);color:var(--color-text-inverse);border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer}.retry-button.svelte-2muvgs:hover{background:var(--color-warning-dark)}.cancel-button.svelte-2muvgs{padding:.5rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:.375rem;cursor:pointer;font-size:.875rem}.cancel-button.svelte-2muvgs:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.loading-timed-out.svelte-2muvgs .loading-spinner:where(.svelte-2muvgs){opacity:.5}.loading-timed-out.svelte-2muvgs .progress-fill:where(.svelte-2muvgs){background:var(--color-warning)}.error-recovery-manager.svelte-b0inug{font-family:var(--font-family)}.error-inline.svelte-b0inug{position:relative;margin:1rem 0;display:flex;justify-content:center}.error-modal.svelte-b0inug{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center}.error-backdrop.svelte-b0inug{position:absolute;inset:0;background:var(--color-overlay-medium);backdrop-filter:blur(2px)}.error-content.svelte-b0inug{position:relative;background:var(--color-bg-elevated, var(--color-surface));border-radius:.5rem;padding:1.5rem;box-shadow:0 10px 25px #0006,0 6px 12px #0000004d;border:1px solid var(--color-border-default);max-width:500px;width:100%}.error-inline.svelte-b0inug .error-content:where(.svelte-b0inug){box-shadow:0 2px 6px #00000026;border:1px solid var(--color-border-default)}.error-info.svelte-b0inug{--error-color: var(--color-info, var(--color-blue-600));--error-border: var(--color-info, var(--color-blue-600));--error-background: var(--color-bg-secondary)}.error-warning.svelte-b0inug{--error-color: var(--color-warning, #f59e0b);--error-border: var(--color-warning, #f59e0b);--error-background: var(--color-bg-secondary)}.error-error.svelte-b0inug,.error-critical.svelte-b0inug{--error-color: var(--color-error, var(--color-error));--error-border: var(--color-error, var(--color-error));--error-background: var(--color-bg-secondary)}.error-header.svelte-b0inug{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.error-icon.svelte-b0inug{font-size:1.5rem;flex-shrink:0}.error-title.svelte-b0inug{font-weight:600;font-size:1.125rem;color:var(--error-color);flex:1}.error-close.svelte-b0inug{background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;flex-shrink:0}.error-close.svelte-b0inug:hover{background:var(--color-border)}.error-message.svelte-b0inug{color:var(--color-text-primary, var(--color-text));line-height:1.5;margin-bottom:1rem;font-weight:500}.network-status.svelte-b0inug{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.network-status.offline.svelte-b0inug{background:var(--color-error-background);color:var(--color-error);border:1px solid var(--color-error-border)}.network-status.slow.svelte-b0inug{background:var(--color-warning-background);color:var(--color-warning);border:1px solid var(--color-warning-border)}.retry-info.svelte-b0inug{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.error-details.svelte-b0inug{margin-bottom:1rem}.details-toggle.svelte-b0inug{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.error-technical.svelte-b0inug{margin-top:.75rem;padding:.75rem;background:var(--color-background);border-radius:.375rem;font-size:.875rem;border:1px solid var(--color-border)}.error-technical.svelte-b0inug pre:where(.svelte-b0inug){margin:.5rem 0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary)}.error-technical.svelte-b0inug div:where(.svelte-b0inug){margin:.25rem 0}.error-actions.svelte-b0inug{display:flex;gap:.75rem;flex-wrap:wrap}.error-action.svelte-b0inug{padding:.5rem 1rem;border:1px solid var(--color-border-default, var(--color-border));border-radius:.375rem;background:var(--color-bg-secondary, var(--color-background));color:var(--color-text-primary, var(--color-text));cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.error-action.svelte-b0inug:hover{background:var(--color-bg-tertiary, var(--color-border))}.error-action.svelte-b0inug:disabled{opacity:.6;cursor:not-allowed}.action-primary.svelte-b0inug{background:var(--color-accent, var(--color-primary));color:var(--color-text-inverse, white);border-color:var(--color-accent, var(--color-primary))}.action-primary.svelte-b0inug:hover{background:var(--color-accent-hover, var(--color-primary-dark))}@keyframes svelte-b0inug-slideIn{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.error-modal.svelte-b0inug .error-content:where(.svelte-b0inug){animation:svelte-b0inug-scaleIn .2s ease-out}@keyframes svelte-b0inug-scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.offline-support.svelte-ch41hi{position:relative}.offline-indicator.svelte-ch41hi{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;background:var(--color-warning-background, #fef3c7);border:1px solid var(--color-warning-border, #f59e0b);border-radius:.75rem;padding:.75rem 1rem;box-shadow:0 4px 6px -1px #0000001a;opacity:0;transform:translate(-50%) translateY(-100%);transition:all .3s ease}.offline-indicator.show.svelte-ch41hi{opacity:1;transform:translate(-50%) translateY(0)}.offline-content.svelte-ch41hi{display:flex;align-items:center;gap:.75rem}.offline-icon.svelte-ch41hi{font-size:1.25rem}.offline-text.svelte-ch41hi{display:flex;flex-direction:column;gap:.25rem}.offline-title.svelte-ch41hi{font-weight:600;color:var(--color-warning, #f59e0b);font-size:.875rem}.offline-subtitle.svelte-ch41hi{font-size:.75rem;color:var(--color-text-secondary)}.offline-badge.svelte-ch41hi{background:var(--color-warning, #f59e0b);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.sync-indicator.svelte-ch41hi{position:fixed;bottom:1rem;right:1rem;z-index:1000;background:var(--color-info-background, var(--color-blue-50));border:1px solid var(--color-info-border, var(--color-blue-600));border-radius:.5rem;padding:.75rem;box-shadow:0 4px 6px -1px #0000001a}.sync-content.svelte-ch41hi{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-info, var(--color-blue-600))}.sync-spinner.svelte-ch41hi{width:16px;height:16px;border:2px solid var(--color-info-border, var(--color-blue-600));border-top:2px solid transparent;border-radius:50%;animation:svelte-ch41hi-spin 1s linear infinite}@keyframes svelte-ch41hi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-progress.svelte-ch41hi{width:100px;height:4px;background:var(--color-border, #e2e8f0);border-radius:2px;overflow:hidden}.sync-progress-bar.svelte-ch41hi{height:100%;background:var(--color-info, var(--color-blue-600));border-radius:2px;transition:width .3s ease}.offline-debug.svelte-ch41hi{position:fixed;bottom:1rem;left:1rem;z-index:999;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;font-size:.75rem;font-family:monospace}.offline-debug.svelte-ch41hi summary:where(.svelte-ch41hi){padding:.5rem;cursor:pointer;font-weight:500}.debug-content.svelte-ch41hi{padding:.5rem;border-top:1px solid var(--color-border, #e2e8f0)}.debug-content.svelte-ch41hi>div:where(.svelte-ch41hi){margin-bottom:.25rem}.debug-actions.svelte-ch41hi{margin-top:.5rem;display:flex;gap:.5rem}.debug-actions.svelte-ch41hi button:where(.svelte-ch41hi){padding:.25rem .5rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.25rem;background:var(--color-background, var(--color-bg-primary));font-size:.75rem;cursor:pointer}.debug-actions.svelte-ch41hi button:where(.svelte-ch41hi):disabled{opacity:.5;cursor:not-allowed}.debug-actions.svelte-ch41hi button:where(.svelte-ch41hi):hover:not(:disabled){background:var(--color-border, #e2e8f0)}@media(max-width:640px){.offline-indicator.svelte-ch41hi{left:1rem;right:1rem;transform:none}.offline-indicator.show.svelte-ch41hi{transform:translateY(0)}.sync-indicator.svelte-ch41hi{bottom:.5rem;right:.5rem;left:.5rem}.offline-debug.svelte-ch41hi{bottom:.5rem;left:.5rem;right:.5rem}}@media(prefers-contrast:high){fieldset.svelte-y6dg9r{border:2px solid currentColor}}.warning-icon.svelte-1mpecuv{flex-shrink:0}.warning-content.svelte-1mpecuv{flex:1;min-width:0}.keyboard-hints.svelte-1mpecuv{display:flex;justify-content:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--color-border-subtle)}.hint.svelte-1mpecuv{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.25rem}kbd.svelte-1mpecuv{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-family:monospace;color:var(--color-text-secondary);box-shadow:0 1px 2px var(--color-shadow-sm)}@media(max-width:640px){.keyboard-hints.svelte-1mpecuv{padding:1rem 1.5rem;flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){.svelte-1mpecuv{transition:none!important;animation:none!important}}.conflict-icon.svelte-tfhw6w{color:#f59e0b;flex-shrink:0}.conflict-content.svelte-tfhw6w{flex:1}.conflict-title.svelte-tfhw6w{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.conflict-message.svelte-tfhw6w{margin:0;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.conflict-item.svelte-tfhw6w{border:1px solid var(--color-border-subtle);border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.conflict-summary.svelte-tfhw6w{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:var(--color-neutral-50)}.conflict-info.svelte-tfhw6w{flex:1}.conflict-name.svelte-tfhw6w{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.conflict-description.svelte-tfhw6w{margin:0 0 .5rem;font-size:.8125rem;color:var(--color-text-muted)}.conflict-meta.svelte-tfhw6w{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-disabled)}.details-toggle.svelte-tfhw6w{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.details-toggle.svelte-tfhw6w:hover{color:var(--color-text-secondary);background:var(--color-border-subtle)}.details-toggle.svelte-tfhw6w svg:where(.svelte-tfhw6w){transition:transform .2s}.details-toggle.svelte-tfhw6w svg.rotated:where(.svelte-tfhw6w){transform:rotate(180deg)}.conflict-details.svelte-tfhw6w{padding:1rem;border-top:1px solid var(--color-border-subtle)}.diff-view.svelte-tfhw6w{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-section.svelte-tfhw6w{border:1px solid var(--color-border-subtle);border-radius:.375rem;overflow:hidden}.diff-title.svelte-tfhw6w{margin:0;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-neutral-100);border-bottom:1px solid var(--color-border-subtle)}.diff-content.svelte-tfhw6w{margin:0;padding:.75rem;font-size:.6875rem;line-height:1.4;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:#fafafa;color:var(--color-text-primary);overflow-x:auto;max-height:200px;overflow-y:auto}.diff-content.local.svelte-tfhw6w{background:#fef3f2;border-left:3px solid var(--color-error)}.diff-content.remote.svelte-tfhw6w{background:#f0f9ff;border-left:3px solid var(--color-blue-600)}.resolution-options.svelte-tfhw6w{padding:1rem;background:var(--color-bg-primary)}.resolution-title.svelte-tfhw6w{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.resolution-buttons.svelte-tfhw6w{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.resolution-option.svelte-tfhw6w{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:2px solid var(--color-border-subtle);border-radius:.5rem;cursor:pointer;transition:all .2s}.resolution-option.svelte-tfhw6w:hover{border-color:var(--color-border-default);background:var(--color-neutral-50)}.resolution-option.svelte-tfhw6w:has(input:where(.svelte-tfhw6w):checked){border-color:var(--color-blue-600);background:var(--color-blue-50)}.resolution-option.svelte-tfhw6w input:where(.svelte-tfhw6w){margin:0;flex-shrink:0}.option-content.svelte-tfhw6w{flex:1;min-width:0}.option-label.svelte-tfhw6w{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.option-description.svelte-tfhw6w{display:block;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.resolution-help.svelte-tfhw6w{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.help-text.svelte-tfhw6w{margin:0;font-size:.8125rem;color:#475569;line-height:1.4}.merge-warning.svelte-tfhw6w{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fef3f2;border-top:1px solid #fecaca;color:var(--color-error);font-size:.875rem}@media(max-width:768px){.diff-view.svelte-tfhw6w,.resolution-buttons.svelte-tfhw6w{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.conflict-title.svelte-tfhw6w{color:var(--color-neutral-50)}.conflict-message.svelte-tfhw6w{color:var(--color-border-default)}.conflict-item.svelte-tfhw6w{border-color:var(--color-neutral-600)}.conflict-summary.svelte-tfhw6w{background:var(--color-text-secondary)}.conflict-name.svelte-tfhw6w{color:var(--color-neutral-100)}.conflict-description.svelte-tfhw6w{color:var(--color-border-default)}.conflict-meta.svelte-tfhw6w,.details-toggle.svelte-tfhw6w{color:var(--color-text-disabled)}.details-toggle.svelte-tfhw6w:hover{color:var(--color-border-default);background:var(--color-neutral-600)}.conflict-details.svelte-tfhw6w{border-color:var(--color-neutral-600)}.diff-title.svelte-tfhw6w{background:var(--color-neutral-600);color:var(--color-border-subtle);border-color:var(--color-text-muted)}.diff-content.svelte-tfhw6w{background:var(--color-text-secondary);color:var(--color-border-subtle)}.resolution-title.svelte-tfhw6w{color:var(--color-neutral-100)}.resolution-option.svelte-tfhw6w{border-color:var(--color-neutral-600);background:var(--color-text-secondary)}.resolution-option.svelte-tfhw6w:hover{border-color:var(--color-text-muted);background:var(--color-neutral-600)}.resolution-option.svelte-tfhw6w:has(input:where(.svelte-tfhw6w):checked){border-color:var(--color-blue-600);background:#1e3a8a}.option-label.svelte-tfhw6w{color:var(--color-neutral-100)}.option-description.svelte-tfhw6w{color:var(--color-border-default)}.resolution-help.svelte-tfhw6w{background:var(--color-text-secondary);border-color:var(--color-neutral-600)}.help-text.svelte-tfhw6w{color:var(--color-border-default)}.merge-warning.svelte-tfhw6w{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}}.builder-layout.svelte-vy53bf{--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-canvas: var(--color-bg-elevated);--border-primary: var(--color-border-default);--border-secondary: var(--color-border-subtle);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--accent-blue: var( --color-btn-secondary );--accent-blue-hover: var(--color-btn-secondary-hover);--accent-green: var(--color-success);--accent-orange: var(--color-warning);--accent-red: var(--color-error);--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--radius: var(--radius-lg);display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.builder-interface.svelte-vy53bf{display:flex;flex-direction:column;height:100vh;overflow:hidden}.status-bar.svelte-vy53bf{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.625rem 1rem;background:var(--bg-primary);border-bottom:2px solid var(--border-primary);font-size:.8125rem;color:var(--text-secondary);min-height:3rem;flex-shrink:0;z-index:50;box-shadow:0 1px 3px #0000000d}.status-section.svelte-vy53bf{display:flex;align-items:center;gap:.75rem}.status-context.svelte-vy53bf{flex:1;min-width:0}.status-indicators.svelte-vy53bf{flex:0 1 auto}.status-system.svelte-vy53bf{flex:0 0 auto}.store-name.svelte-vy53bf,.page-name.svelte-vy53bf{display:flex;align-items:center;gap:.375rem;color:var(--color-text-primary);font-weight:500;font-size:.875rem}.store-name.svelte-vy53bf svg:where(.svelte-vy53bf),.page-name.svelte-vy53bf svg:where(.svelte-vy53bf){flex-shrink:0;opacity:.6}.store-name.svelte-vy53bf span:where(.svelte-vy53bf),.page-name.svelte-vy53bf span:where(.svelte-vy53bf){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.divider.svelte-vy53bf{color:var(--color-text-muted);font-weight:300;opacity:.5}.status-badge.svelte-vy53bf{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.status-badge.svelte-vy53bf svg:where(.svelte-vy53bf){flex-shrink:0}.status-unsaved.svelte-vy53bf{background:var(--color-warning-dark);color:var(--color-warning-text);border:1px solid var(--color-warning)}.status-unsaved.svelte-vy53bf svg:where(.svelte-vy53bf){fill:var(--color-warning);stroke:none}.status-online.svelte-vy53bf{background:var(--color-success-dark);color:var(--color-success-text);border:1px solid var(--color-success)}.status-offline.svelte-vy53bf{background:var(--color-error-dark);color:var( --color-error );border:1px solid var(--color-error)}.status-slow.svelte-vy53bf{background:var(--color-warning-dark);color:var(--color-warning-text);border:1px solid var(--color-warning)}.status-error.svelte-vy53bf{background:var(--color-error-dark);color:var( --color-error );border:1px solid var(--color-error)}.text-muted.svelte-vy53bf{color:var(--color-text-muted);font-size:.8125rem}.viewport-controls-bar.svelte-vy53bf{padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:center;flex-shrink:0;z-index:40}.builder-main.svelte-vy53bf{display:flex;flex:1;overflow-y:hidden;overflow-x:visible;background:var(--bg-tertiary)}.left-sidebar.svelte-vy53bf{width:280px;background:var(--bg-primary);border-right:1px solid var(--border-primary);overflow-y:auto;overflow-x:visible;transition:all .3s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.left-sidebar.hidden.svelte-vy53bf{width:0;border-right:none;overflow:hidden}.component-palette.svelte-vy53bf{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);overflow-x:visible;box-shadow:var(--shadow-sm);flex-shrink:0;display:flex;flex-direction:column;height:100%}.canvas-area.svelte-vy53bf{flex:1;display:flex;flex-direction:column;background:var(--bg-canvas);overflow:hidden;position:relative;min-width:0}.right-sidebar.svelte-vy53bf{width:320px;background:var(--bg-primary);border-left:1px solid var(--border-primary);overflow-y:auto;transition:all .3s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.right-sidebar.hidden.svelte-vy53bf{width:0;border-left:none;overflow:hidden}.toolbar.svelte-vy53bf{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-primary);box-shadow:0 -1px 3px #0000001a;flex-shrink:0;z-index:40}.toolbar-section.svelte-vy53bf{display:flex;align-items:center;gap:.75rem}.preview-toggle.svelte-vy53bf{padding:.625rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--color-text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.preview-toggle.svelte-vy53bf:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.preview-toggle.active.svelte-vy53bf{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.panel-toggle.svelte-vy53bf{padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem}.panel-toggle.svelte-vy53bf:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.panel-toggle.active.svelte-vy53bf{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.panel-toggle.svelte-vy53bf svg:where(.svelte-vy53bf){width:16px;height:16px;transition:all .2s ease}.accessibility-button.svelte-vy53bf{padding:.625rem;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:1rem;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.accessibility-button.svelte-vy53bf:hover{background:var(--bg-secondary);color:var(--color-text-primary);transform:translateY(-1px)}.toolbar.svelte-vy53bf button:where(.svelte-vy53bf):not(.preview-toggle):not(.panel-toggle):not(.accessibility-button){padding:.625rem 1.25rem;background:var(--accent-green);color:var(--color-text-inverse);border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.toolbar.svelte-vy53bf button:where(.svelte-vy53bf):not(.preview-toggle):not(.panel-toggle):not(.accessibility-button):hover:not([disabled]){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.toolbar.svelte-vy53bf button[disabled]:where(.svelte-vy53bf){opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}button.svelte-vy53bf{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:var(--radius);background:var(--bg-secondary);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}button.svelte-vy53bf:hover:not([disabled]){background:var(--bg-tertiary);transform:translateY(-1px)}button.svelte-vy53bf:disabled{opacity:.5;cursor:not-allowed;transform:none}.hidden.svelte-vy53bf{display:none!important}@media(max-width:1200px){.left-sidebar.svelte-vy53bf{width:240px}.component-palette.svelte-vy53bf{width:220px}.right-sidebar.svelte-vy53bf{width:280px}}@media(max-width:1024px){.component-palette.svelte-vy53bf{position:absolute;left:0;top:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform .3s ease}}@media(max-width:768px){.builder-main.svelte-vy53bf{position:relative}.left-sidebar.svelte-vy53bf,.right-sidebar.svelte-vy53bf{position:absolute;top:0;bottom:0;z-index:35;transform:translate(-100%);transition:transform .3s ease}.left-sidebar.svelte-vy53bf:not(.hidden){transform:translate(0)}.right-sidebar.svelte-vy53bf{right:0;transform:translate(100%)}.right-sidebar.svelte-vy53bf:not(.hidden){transform:translate(0)}.toolbar-section.svelte-vy53bf{gap:.5rem}.toolbar-section.svelte-vy53bf:first-child{flex:1}}@media(prefers-contrast:high){.builder-layout.svelte-vy53bf{--border-primary: var(--color-border-default);--text-primary: var(--color-text-primary);--bg-primary: var(--color-bg-primary)}}@media(prefers-reduced-motion:reduce){.builder-layout.svelte-vy53bf :where(.svelte-vy53bf){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}