.sync-hero.svelte-pillow{background:var(--faf-black);color:var(--faf-white);padding:1rem 0;text-align:center;border-bottom:3px solid var(--faf-orange)}.sync-hero.svelte-pillow h1:where(.svelte-pillow){font-size:1.5rem;margin:0 0 .25rem;font-weight:900}.subtitle.svelte-pillow{font-size:.9rem;color:var(--faf-orange);font-weight:600;font-family:SF Mono,Fira Code,monospace;margin:0}.demo-container.svelte-pillow{max-width:1100px;margin:1rem auto;padding:0 1rem}.controls.svelte-pillow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1rem;gap:1rem}.speed-selector.svelte-pillow{display:flex;align-items:center;gap:.5rem}.speed-selector.svelte-pillow label:where(.svelte-pillow){font-weight:600;color:#666}.speed-selector.svelte-pillow button:where(.svelte-pillow){padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.speed-selector.svelte-pillow button:where(.svelte-pillow):hover:not(:disabled){border-color:var(--faf-orange)}.speed-selector.svelte-pillow button.active:where(.svelte-pillow){background:var(--faf-orange);border-color:var(--faf-orange);color:#fff}.speed-selector.svelte-pillow button:where(.svelte-pillow):disabled{opacity:.5;cursor:not-allowed}.action-buttons.svelte-pillow{display:flex;justify-content:center}.reset-button.svelte-pillow{display:flex;justify-content:flex-end}.btn-run.svelte-pillow{padding:.75rem 1.5rem;background:var(--faf-orange);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-run.svelte-pillow:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-run.svelte-pillow:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-reset.svelte-pillow{padding:.75rem 1.5rem;background:#f0f0f0;color:#333;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset.svelte-pillow:hover:not(:disabled){border-color:#ccc}.btn-reset.svelte-pillow:disabled{opacity:.5;cursor:not-allowed}.files-grid.svelte-pillow{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin-bottom:1.5rem}.file-panel.svelte-pillow{background:#1a1a1a;border-radius:8px;overflow:hidden;border:2px solid #333;transition:border-color .3s}.file-panel.active.svelte-pillow{border-color:var(--faf-orange);box-shadow:0 0 20px #ff6b3533}.file-header.svelte-pillow{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#252525;border-bottom:1px solid #333}.file-icon.svelte-pillow{font-size:1rem}.file-name.svelte-pillow{font-family:SF Mono,Fira Code,monospace;font-weight:600;color:#fff}.file-badge.svelte-pillow{margin-left:auto;padding:.2rem .5rem;background:var(--faf-orange);color:#fff;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.file-badge.secondary.svelte-pillow{background:#00d4d4}.file-content.svelte-pillow{margin:0;padding:1rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:#0f8;line-height:1.5;height:200px;overflow:hidden;white-space:pre-wrap}.sync-indicator.svelte-pillow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .5rem}.sync-arrow.svelte-pillow{font-size:2rem;color:#666;transition:all .3s}.sync-arrow.syncing.svelte-pillow{color:var(--faf-orange);animation:svelte-pillow-pulse .5s ease-in-out infinite}@keyframes svelte-pillow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sync-label.svelte-pillow{font-size:.75rem;color:var(--faf-orange);font-weight:600;margin-top:.25rem}.sync-label.complete.svelte-pillow{color:#0f8}.terminal.svelte-pillow{background:#1a1a1a;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;border:2px solid #333}.terminal-header.svelte-pillow{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#252525}.terminal-dot.svelte-pillow{width:12px;height:12px;border-radius:50%}.terminal-dot.red.svelte-pillow{background:#ff5f56}.terminal-dot.yellow.svelte-pillow{background:#ffbd2e}.terminal-dot.green.svelte-pillow{background:#27ca40}.terminal-title.svelte-pillow{margin-left:.5rem;color:#888;font-family:SF Mono,monospace;font-size:.85rem}.terminal-content.svelte-pillow{padding:1rem;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;min-height:150px;max-height:250px;overflow-y:auto}.terminal-placeholder.svelte-pillow{color:#666}.log-line.svelte-pillow{margin-bottom:.25rem}.log-time.svelte-pillow{color:#888;margin-right:.75rem}.log-header.svelte-pillow{color:var(--faf-orange);font-weight:700;font-size:1rem}.log-info.svelte-pillow{color:#888}.log-action.svelte-pillow{color:#fff}.log-detect.svelte-pillow{color:#00d4d4}.log-sync.svelte-pillow{color:#0f8}.log-summary.svelte-pillow{color:#fff;margin-top:.5rem}.log-complete.svelte-pillow{color:#0f8;font-style:italic}.stats-bar.svelte-pillow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem;background:#fff;border:3px solid var(--faf-orange);border-radius:8px;margin-bottom:2rem}.stat.svelte-pillow{text-align:center}.stat-value.svelte-pillow{display:block;font-size:1.75rem;font-weight:900;color:var(--faf-orange);font-family:SF Mono,monospace}.stat-label.svelte-pillow{font-size:.85rem;color:#666;text-transform:uppercase}.info-section.svelte-pillow{margin:2rem 0}.info-section.svelte-pillow h2:where(.svelte-pillow){text-align:center;margin-bottom:1rem;color:var(--faf-black);font-size:1.25rem}.info-grid.svelte-pillow{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-card.svelte-pillow{background:#f8f8f8;padding:1rem;border-radius:8px;text-align:center;border:2px solid #e0e0e0}.info-card.highlight.svelte-pillow{background:linear-gradient(135deg,var(--faf-orange) 0%,#ff8c42 100%);border-color:var(--faf-orange);color:#fff}.info-card.highlight.svelte-pillow h3:where(.svelte-pillow){color:#fff;font-size:1.5rem;font-family:SF Mono,monospace}.info-card.highlight.svelte-pillow p:where(.svelte-pillow){color:#ffffffe6}.info-icon.svelte-pillow{font-size:1.5rem;margin-bottom:.5rem}.info-card.svelte-pillow h3:where(.svelte-pillow){margin:0 0 .25rem;font-size:.9rem;color:var(--faf-black)}.info-card.svelte-pillow p:where(.svelte-pillow){margin:0;font-size:.8rem;color:#666;line-height:1.4}.cta-section.svelte-pillow{text-align:center;padding:1.5rem;background:var(--faf-black);border-radius:8px;color:#fff}.cta-section.svelte-pillow h2:where(.svelte-pillow){margin:0 0 1rem;font-size:1.1rem}.terminal-block.svelte-pillow{background:#1a1a1a;padding:1rem 1.5rem;border-radius:8px;display:inline-block;margin-bottom:1rem;border:1px solid #333}.terminal-block.copy-box.svelte-pillow{cursor:pointer;transition:all .2s ease;border:2px solid #333}.terminal-block.copy-box.svelte-pillow:hover{border-color:var(--faf-orange);transform:scale(1.02);box-shadow:0 4px 12px #ff6b3533}.terminal-block.copy-box.svelte-pillow:active{transform:scale(.98)}.terminal-block.svelte-pillow code:where(.svelte-pillow){display:block;color:#0f8;background:transparent;font-family:SF Mono,monospace;font-size:1rem;padding:.25rem 0}.terminal-block.svelte-pillow code:where(.svelte-pillow):before{content:"$ ";color:#888}.copy-hint.svelte-pillow{display:block;font-size:.8rem;color:#fff;margin-top:.75rem;font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-align:center;opacity:.9}.cta-note.svelte-pillow{margin:0;color:#888;font-size:.9rem}.cta-note.svelte-pillow a:where(.svelte-pillow){color:var(--faf-orange)}@media (max-width: 768px){.files-grid.svelte-pillow{grid-template-columns:1fr}.sync-indicator.svelte-pillow{padding:.5rem 0}.sync-arrow.svelte-pillow{transform:rotate(90deg)}.stats-bar.svelte-pillow{grid-template-columns:repeat(2,1fr)}.info-grid.svelte-pillow{grid-template-columns:1fr}.controls.svelte-pillow{grid-template-columns:1fr;gap:.5rem}.speed-selector.svelte-pillow,.action-buttons.svelte-pillow,.reset-button.svelte-pillow{justify-content:center}}@media (min-width: 769px) and (max-width: 1024px){.info-grid.svelte-pillow{grid-template-columns:repeat(3,1fr)}}