.dialog-previews-container.svelte-122mk6f{width:100vw;margin-left:calc(-50vw + 50%);background:linear-gradient(180deg,#f0f3fb,#f7f8fc);padding:48px 24px;margin-top:32px}.dialog-previews.svelte-122mk6f{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;max-width:1600px;margin:0 auto}@media(max-width:1300px){.dialog-previews.svelte-122mk6f{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px}}@media(max-width:800px){.dialog-previews.svelte-122mk6f{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}}@media(max-width:500px){.dialog-previews.svelte-122mk6f{grid-template-columns:minmax(0,1fr);max-width:340px}}.preview-wrapper.svelte-122mk6f{display:flex;flex-direction:column;align-items:center;gap:14px;animation:svelte-122mk6f-fadeUp .5s ease-out backwards;animation-delay:var(--delay)}@keyframes svelte-122mk6f-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dialog-window.svelte-122mk6f{max-width:320px}.icon-circle.svelte-122mk6f{width:48px;height:48px;border-radius:50%;background:#3a3d5c;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.icon-circle.small.svelte-122mk6f{width:42px;height:42px}.icon.svelte-122mk6f{color:#7b8fcc;font-size:22px;font-weight:700}.dialog-title.svelte-122mk6f{color:#fff;font-size:16px;font-weight:700;text-align:center;letter-spacing:-.01em}.dialog-text.svelte-122mk6f{color:#9a9a9f;font-size:13px;text-align:center;line-height:1.45}.dialog-text.question.svelte-122mk6f{color:#fff;font-weight:600;font-size:14px;text-align:left;margin-bottom:4px}.dialog-window .step-label.svelte-122mk6f{font-size:11px}.text-input.svelte-122mk6f{background:#1a1a1f;border:1.5px solid #3a3a3f;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:1px}.input-text.svelte-122mk6f{color:#e0e0e0;font-size:13px;font-family:SF Mono,Monaco,monospace}.cursor.svelte-122mk6f{width:2px;height:16px;background:#5a8cff;animation:svelte-122mk6f-blink 1s step-end infinite;margin-left:1px}@keyframes svelte-122mk6f-blink{0%,to{opacity:1}50%{opacity:0}}.slider-icon.svelte-122mk6f{font-size:18px;letter-spacing:-1px}.tweak-params.svelte-122mk6f{display:flex;flex-direction:column;gap:10px}.tweak-param.svelte-122mk6f{display:flex;flex-direction:column;gap:6px}.param-header.svelte-122mk6f{display:flex;justify-content:space-between;align-items:baseline}.param-label.svelte-122mk6f{color:#bfbfbf;font-size:12px}.param-value.svelte-122mk6f{color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.param-unit.svelte-122mk6f{color:#666;font-size:11px;font-weight:400;margin-left:2px}.slider-track.svelte-122mk6f{height:6px;background:#2a2a30;border-radius:3px;position:relative}.slider-fill.svelte-122mk6f{height:100%;background:linear-gradient(90deg,#5a8cff,#4a7cf0);border-radius:3px}.slider-thumb.svelte-122mk6f{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0006}.btn.svelte-122mk6f{cursor:default}.tool-name.svelte-122mk6f{font-family:DM Mono,SF Mono,Monaco,monospace;font-size:12px;color:#555f7a;background:#e9edf8;padding:5px 12px;border-radius:999px}.feature-panels.svelte-68xjth{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:900px;margin:32px auto 0}.panel-wrapper.svelte-68xjth{display:flex;flex-direction:column;gap:20px;align-items:center}.dialog-window.compact.svelte-68xjth{max-width:380px;width:100%}.panel-caption.svelte-68xjth{text-align:center}.panel-caption.svelte-68xjth h3:where(.svelte-68xjth){font-size:1.1rem;font-weight:600;color:#262d40;margin:0 0 8px}.panel-caption.svelte-68xjth p:where(.svelte-68xjth){font-size:.9rem;color:#616b84;margin:0;line-height:1.5}.icon-circle.svelte-68xjth{width:48px;height:48px;border-radius:50%;background:#3a3d5c;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.icon.svelte-68xjth{color:#7b8fcc;font-size:22px;font-weight:700}.dialog-title.svelte-68xjth{color:#fff;font-size:17px;font-weight:700;text-align:center}.dialog-text.svelte-68xjth{color:#9a9a9f;font-size:13px;text-align:center;line-height:1.45}.toolbar-inline-btn.active.svelte-68xjth{background:#5a8cff26;padding:4px 12px;border-radius:8px}.toolbar-inline-btn.active.svelte-68xjth .toolbar-icon:where(.svelte-68xjth),.toolbar-inline-btn.active.svelte-68xjth .toolbar-btn-label:where(.svelte-68xjth){color:#5a8cff}.section-label.svelte-68xjth{font-size:13px;font-weight:500;color:#e0e0e0;margin-bottom:8px}.snooze-section.svelte-68xjth{padding:4px 0 0}.snooze-row.svelte-68xjth{display:flex;gap:8px}.snooze-pill.svelte-68xjth{padding:0;width:52px;height:38px;background:#2a2a30;border:1.5px solid #3a3a3f;border-radius:10px;color:#e0e0e0;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:flex;align-items:center;justify-content:center}.snooze-pill.svelte-68xjth:hover{background:#5a8cff;color:#fff}.snooze-pill.selected.svelte-68xjth{background:#5a8cff;border-color:#5a8cff;color:#fff}.feedback-section.svelte-68xjth{padding:4px 0 0}.feedback-row.svelte-68xjth{display:flex;gap:8px}.feedback-field.svelte-68xjth{flex:1;background:#1a1a1f;border:1.5px solid #5A8CFF;border-radius:10px;padding:0 14px;height:40px;color:#e0e0e0;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;outline:none}.feedback-field.svelte-68xjth::placeholder{color:#666}.send-btn.svelte-68xjth{width:70px;height:40px;background:#5a8cff;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.send-btn.svelte-68xjth:disabled{opacity:.5}@media(max-width:900px){.feature-panels.svelte-68xjth{grid-template-columns:1fr;gap:48px;padding:0 20px}.dialog-window.compact.svelte-68xjth{max-width:100%}}.terminal.svelte-1l68566{background:#0d0d0f;border-radius:12px;overflow:hidden;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12px;height:100%;display:flex;flex-direction:column;border:1px solid #2a2a2f}.terminal-header.svelte-1l68566{background:#1a1a1f;padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a2a2f}.terminal-dots.svelte-1l68566{display:flex;gap:6px}.dot.svelte-1l68566{width:10px;height:10px;border-radius:50%;opacity:.7}.dot.red.svelte-1l68566{background:#ff5f57}.dot.yellow.svelte-1l68566{background:#febc2e}.dot.green.svelte-1l68566{background:#28c840}.terminal-title.svelte-1l68566{color:#666;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.terminal-body.svelte-1l68566{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.terminal-placeholder.svelte-1l68566{color:#4a4a4f}.terminal-placeholder.svelte-1l68566 .prompt:where(.svelte-1l68566){color:#5a8cff;margin-right:8px}.terminal-line.svelte-1l68566{display:flex;align-items:flex-start;gap:8px;line-height:1.5;animation:svelte-1l68566-fadeSlideIn .15s ease-out forwards;opacity:0}@keyframes svelte-1l68566-fadeSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.terminal-line.svelte-1l68566 .prefix:where(.svelte-1l68566){flex-shrink:0;font-weight:500}.terminal-line.mcp.svelte-1l68566 .prefix:where(.svelte-1l68566){color:#5a8cff}.terminal-line.mcp.svelte-1l68566 .text:where(.svelte-1l68566){color:#8ab4ff}.terminal-line.response.svelte-1l68566 .prefix:where(.svelte-1l68566){color:#4ade80}.terminal-line.response.svelte-1l68566 .text:where(.svelte-1l68566){color:#86efac}.terminal-line.thinking.svelte-1l68566 .prefix:where(.svelte-1l68566){color:#666}.terminal-line.thinking.svelte-1l68566 .text:where(.svelte-1l68566){color:#888;font-style:italic}.terminal-line.info.svelte-1l68566 .prefix:where(.svelte-1l68566){color:#facc15}.terminal-line.info.svelte-1l68566 .text:where(.svelte-1l68566){color:#fef08a}.cursor-block.svelte-1l68566{display:inline-block;width:8px;height:14px;background:#5a8cff;animation:svelte-1l68566-blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes svelte-1l68566-blink{0%,to{opacity:1}50%{opacity:0}}.demo-container.svelte-1t2f0iz{width:100vw;margin-left:calc(-50vw + 50%);background:linear-gradient(180deg,#1a1a1f,#0f0f12);padding:48px 24px}.demo-header.svelte-1t2f0iz{text-align:center;margin-bottom:24px}.demo-instruction.svelte-1t2f0iz{color:#9a9a9f;font-size:15px;margin:0}.topic-tabs.svelte-1t2f0iz{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap;padding:0 16px}.topic-tab.svelte-1t2f0iz{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;min-width:140px;background:#242428;border:1px solid #3a3a3f;border-radius:12px;cursor:pointer;transition:all .15s ease;font-family:inherit}.topic-name.svelte-1t2f0iz{color:#e0e0e0;font-size:14px;font-weight:600}.topic-description.svelte-1t2f0iz{color:#6a6a6f;font-size:11px;font-weight:400;text-align:center;line-height:1.3}.topic-tab.svelte-1t2f0iz:hover:not(:disabled){background:#2a2a30;border-color:#4a4a4f;transform:translateY(-2px)}.topic-tab.svelte-1t2f0iz:hover:not(:disabled) .topic-name:where(.svelte-1t2f0iz){color:#fff}.topic-tab.svelte-1t2f0iz:hover:not(:disabled) .topic-description:where(.svelte-1t2f0iz){color:#8a8a8f}.topic-tab.active.svelte-1t2f0iz{background:linear-gradient(135deg,#3a5a9f,#2a4a8f);border-color:#5a8cff;box-shadow:0 0 20px #5a8cff4d}.topic-tab.active.svelte-1t2f0iz .topic-name:where(.svelte-1t2f0iz){color:#fff}.topic-tab.active.svelte-1t2f0iz .topic-description:where(.svelte-1t2f0iz){color:#ffffffb3}.topic-tab.svelte-1t2f0iz:disabled{opacity:.5;cursor:not-allowed}.demo-split.svelte-1t2f0iz{display:grid;grid-template-columns:360px 1fr;gap:32px;max-width:1000px;margin:0 auto;align-items:start}@media(max-width:900px){.topic-tabs.svelte-1t2f0iz{gap:8px}.topic-tab.svelte-1t2f0iz{padding:12px 14px;min-width:100px}.topic-name.svelte-1t2f0iz{font-size:12px}.topic-description.svelte-1t2f0iz{font-size:10px}.demo-split.svelte-1t2f0iz{grid-template-columns:1fr;max-width:400px}.demo-terminal.svelte-1t2f0iz{height:300px;max-height:300px}}.demo-dialog.svelte-1t2f0iz{display:flex;justify-content:center}.dialog-window.svelte-1t2f0iz{box-shadow:0 30px 60px -15px #00000080,0 0 0 1px #ffffff0d inset}.question-text.svelte-1t2f0iz{color:#fff;font-weight:600;font-size:15px;margin-top:4px}.demo-terminal.svelte-1t2f0iz{height:400px;max-height:400px;overflow:hidden}.demo-controls.svelte-1t2f0iz{display:flex;justify-content:center;gap:12px;margin-top:32px}.control-btn.svelte-1t2f0iz{padding:12px 32px;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:none}.control-btn.primary.svelte-1t2f0iz{background:#5a8cff;color:#fff;box-shadow:0 0 20px #5a8cff80;animation:svelte-1t2f0iz-pulseGlow 2s ease-in-out infinite}@keyframes svelte-1t2f0iz-pulseGlow{0%,to{box-shadow:0 0 20px #5a8cff80}50%{box-shadow:0 0 30px #5a8cffcc}}.control-btn.primary.svelte-1t2f0iz:hover{transform:translateY(-1px);box-shadow:0 0 35px #5a8cffe6;animation:none}.sketch-pane.svelte-z2h70i{display:flex;gap:12px;max-width:720px;margin:0 auto}.sketch-sidebar.svelte-z2h70i{display:flex;flex-direction:column;gap:10px;width:64px;flex-shrink:0}.sidebar-actions.svelte-z2h70i{display:flex;gap:4px}.sidebar-icon-btn.svelte-z2h70i{width:28px;height:28px;background:#2a2a30;border:1px solid #3a3a3f;border-radius:6px;color:#666;display:flex;align-items:center;justify-content:center;cursor:default}.sidebar-icon-btn.svelte-z2h70i:disabled{opacity:.4}.sidebar-add-btn.svelte-z2h70i{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#242428;border:1px solid #3a3a3f;border-radius:8px;cursor:default;font-family:inherit}.add-icon.svelte-z2h70i{color:#5a8cff;font-size:18px;font-weight:300;line-height:1}.add-label.svelte-z2h70i{color:#9a9a9f;font-size:10px;font-weight:500}.sidebar-dims.svelte-z2h70i{color:#666;font-size:10px;font-family:DM Mono,SF Mono,monospace;text-align:center;background:#1a1a1f;padding:3px 6px;border-radius:4px}.sketch-canvas-wrapper.svelte-z2h70i{flex:1;min-width:0;overflow-x:auto}.browser-frame.svelte-z2h70i{background:#1a1a1f;border-radius:10px;border:1px solid #3a3a3f;overflow:hidden}.browser-titlebar.svelte-z2h70i{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#242428;border-bottom:1px solid #3a3a3f}.browser-dots.svelte-z2h70i{display:flex;gap:6px;flex-shrink:0}.dot.svelte-z2h70i{width:10px;height:10px;border-radius:50%}.dot.red.svelte-z2h70i{background:#ff5f57}.dot.yellow.svelte-z2h70i{background:#febc2e}.dot.green.svelte-z2h70i{background:#28c840}.browser-url.svelte-z2h70i{flex:1;background:#1a1a1f;border-radius:5px;padding:5px 10px}.url-text.svelte-z2h70i{color:#666;font-size:11px;font-family:DM Mono,SF Mono,monospace}.sketch-grid.svelte-z2h70i{position:relative;background:#fff;margin:8px;border-radius:4px}.grid-line-v.svelte-z2h70i,.grid-line-h.svelte-z2h70i{position:absolute;background:#c8dcf580}.grid-line-v.svelte-z2h70i{width:.5px;top:0}.grid-line-h.svelte-z2h70i{height:.5px;left:0}.sketch-block.svelte-z2h70i{position:absolute;border-radius:6px;overflow:hidden;transition:box-shadow .15s ease}.block-number.svelte-z2h70i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2}.block-label.svelte-z2h70i{position:absolute;bottom:3px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:9px;font-weight:500;padding:1px 6px;border-radius:3px;white-space:nowrap;z-index:2}.wireframe.svelte-z2h70i{position:absolute;inset:22px 8px 20px;opacity:.3;display:flex;align-items:center;justify-content:center}.wf-nav.svelte-z2h70i{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.wf-nav-logo.svelte-z2h70i{width:20px;height:10px;background:currentColor;border-radius:2px;flex-shrink:0}.wf-nav-links.svelte-z2h70i{display:flex;gap:6px}.wf-nav-pill.svelte-z2h70i{width:28px;height:8px;background:currentColor;border-radius:4px}.wf-list.svelte-z2h70i{display:flex;flex-direction:column;gap:8px;width:100%}.wf-list-row.svelte-z2h70i{display:flex;align-items:center;gap:6px}.wf-list-dot.svelte-z2h70i{width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}.wf-list-bar.svelte-z2h70i{height:6px;background:currentColor;border-radius:3px;width:70%}.wf-text.svelte-z2h70i{display:flex;flex-direction:column;gap:6px;width:100%}.wf-text-line.svelte-z2h70i{height:6px;background:currentColor;border-radius:3px}.wf-text-line.full.svelte-z2h70i{width:100%}.wf-text-line.half.svelte-z2h70i{width:55%}.wf-buttons.svelte-z2h70i{display:flex;gap:8px;align-items:center}.wf-button.svelte-z2h70i{width:52px;height:16px;background:currentColor;border-radius:4px}.wf-button.short.svelte-z2h70i{width:36px}.annotation-marker.svelte-z2h70i{position:absolute;width:20px;height:20px;background:#f97316;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:3;box-shadow:0 1px 4px #f9731666}.annotation-legend.svelte-z2h70i{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:0 4px}.annotation-row.svelte-z2h70i{display:flex;align-items:center;gap:8px}.annotation-num.svelte-z2h70i{width:18px;height:18px;background:#f97316;border-radius:50%;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.annotation-text.svelte-z2h70i{color:#9a9a9f;font-size:11px}@media(max-width:700px){.sketch-pane.svelte-z2h70i{flex-direction:column}.sketch-sidebar.svelte-z2h70i{flex-direction:row;width:auto;align-items:center}.sketch-canvas-wrapper.svelte-z2h70i{overflow-x:auto}}@keyframes svelte-1du1zi4-fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#fafafa;color:#404040;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}main.svelte-1du1zi4{max-width:1200px;margin:0 auto;padding:0 24px}.page-header.svelte-1du1zi4{padding:0 56px 32px;animation:svelte-1du1zi4-fadeSlideUp .6s cubic-bezier(.23,1,.32,1) backwards}.page-header.svelte-1du1zi4 h1:where(.svelte-1du1zi4){font-size:2rem;font-weight:600;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.03em}.page-desc.svelte-1du1zi4{color:#707070;margin:0;font-size:1rem}.section.svelte-1du1zi4{padding:48px 56px;border-top:1px solid #e0e0e0;animation:svelte-1du1zi4-fadeSlideUp .6s cubic-bezier(.23,1,.32,1) backwards}.section.svelte-1du1zi4:nth-child(3){animation-delay:.1s}.section.svelte-1du1zi4:nth-child(4){animation-delay:.2s}.section.svelte-1du1zi4:nth-child(5){animation-delay:.3s}h2.svelte-1du1zi4{font-size:1.4rem;font-weight:600;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em}.section-desc.svelte-1du1zi4{color:#707070;margin:0 0 32px;font-size:.95rem}.section-desc.svelte-1du1zi4 code:where(.svelte-1du1zi4){font-family:DM Mono,SF Mono,Monaco,monospace;font-size:.85rem;background:#e8e8e8;padding:2px 6px;border-radius:4px;color:#505050}.sketch-section.svelte-1du1zi4{overflow:visible}.sketch-container.svelte-1du1zi4{background:linear-gradient(180deg,#1a1a1f,#0f0f12);border-radius:16px;padding:32px 24px}.sketch-footer.svelte-1du1zi4{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.sketch-hint.svelte-1du1zi4{color:#999;font-size:11px;display:flex;align-items:center;gap:5px}.sketch-hint.svelte-1du1zi4 kbd:where(.svelte-1du1zi4){background:#e8e8e8;padding:2px 6px;border-radius:4px;font-family:inherit;font-size:10px;color:#606060;border:1px solid #d0d0d0}footer.svelte-1du1zi4{padding:48px 56px;border-top:1px solid #e0e0e0;text-align:center;font-size:.85rem}footer.svelte-1du1zi4 p:where(.svelte-1du1zi4){margin:6px 0;color:gray}footer.svelte-1du1zi4 a:where(.svelte-1du1zi4){color:#505050;text-decoration:none}footer.svelte-1du1zi4 a:where(.svelte-1du1zi4):hover{color:#1a1a1a}@media(max-width:1000px){.page-header.svelte-1du1zi4{padding:0 32px 32px}.section.svelte-1du1zi4{padding:48px 32px}footer.svelte-1du1zi4{padding:48px 32px}}@media(max-width:700px){.page-header.svelte-1du1zi4{padding:0 20px 24px}.section.svelte-1du1zi4{padding:40px 20px}footer.svelte-1du1zi4{padding:48px 20px}.page-header.svelte-1du1zi4 h1:where(.svelte-1du1zi4){font-size:1.6rem}.sketch-container.svelte-1du1zi4{padding:20px 12px}.sketch-footer.svelte-1du1zi4{gap:10px}}