.demo-wrapper.svelte-1epb4ry{border:1px solid var(--dd-border-default);border-radius:12px;overflow:hidden;margin:1.5rem 0;background:var(--dd-bg-surface-alt)}[data-theme=dark] .demo-wrapper.svelte-1epb4ry{background:var(--dd-bg-surface)}.task-header.svelte-1epb4ry{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.task-header-left.svelte-1epb4ry{display:flex;align-items:center;gap:10px}.task-badge.svelte-1epb4ry{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dd-text-on-accent);background:var(--dd-blue);padding:3px 8px;border-radius:4px;white-space:nowrap}.task-title.svelte-1epb4ry{font-size:15px;font-weight:600;color:var(--dd-text-primary)}.task-description.svelte-1epb4ry{font-size:13px;color:var(--dd-text-secondary);margin:6px 0 0;padding:0 20px 14px;border-bottom:1px solid var(--dd-border-default)}.start-over-btn.svelte-1epb4ry{font-size:12px;font-weight:500;color:var(--dd-text-tertiary);background:none;border:1px solid var(--dd-border-default);border-radius:6px;padding:4px 10px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.start-over-btn.svelte-1epb4ry:hover{color:var(--dd-text-primary);border-color:var(--dd-text-tertiary)}.congrats-panel.svelte-1epb4ry{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.congrats-check.svelte-1epb4ry{animation:svelte-1epb4ry-congrats-pop .4s ease-out}@keyframes svelte-1epb4ry-congrats-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.congrats-title.svelte-1epb4ry{font-size:18px;font-weight:700;color:#16a34a;margin:4px 0 0}[data-theme=dark] .congrats-title.svelte-1epb4ry{color:#4ade80}.congrats-text.svelte-1epb4ry{font-size:13px;color:var(--dd-text-secondary);margin:0;max-width:360px;line-height:1.5}.congrats-restart.svelte-1epb4ry{margin-top:4px}.next-task-row.svelte-1epb4ry{display:flex;justify-content:center;padding-top:4px}.next-task-btn.svelte-1epb4ry{padding:8px 24px;font-size:13px;font-weight:600;color:var(--dd-text-on-accent);background:var(--dd-blue);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.next-task-btn.svelte-1epb4ry:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.section.svelte-1epb4ry{background:var(--dd-bg-surface);margin:16px;border:1px solid var(--dd-border-default);border-radius:12px;overflow:hidden}[data-theme=dark] .section.svelte-1epb4ry{background:var(--dd-bg-surface-alt)}.section-title.svelte-1epb4ry{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dd-info-text);margin:0;padding:16px 20px 0}.section-subtitle.svelte-1epb4ry{font-size:13px;color:var(--dd-text-tertiary);margin:4px 0 0;padding:0 20px 16px;border-bottom:1px solid var(--dd-border-default)}.section-content.svelte-1epb4ry{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.empty-hint.svelte-1epb4ry{font-size:13px;color:var(--dd-text-tertiary);text-align:center;padding:8px 0}.input.svelte-1epb4ry{padding:8px 10px;border:1px solid var(--dd-border-default);border-radius:6px;font-size:13px;background:var(--dd-bg-surface);color:var(--dd-text-primary);outline:none;transition:border-color .15s ease}[data-theme=dark] .input.svelte-1epb4ry{background:var(--dd-bg-surface)}.input.svelte-1epb4ry:focus{border-color:var(--dd-blue);box-shadow:0 0 0 2px #3b82f61a}.type-dot.svelte-1epb4ry{width:8px;height:8px;border-radius:50%;flex-shrink:0}.var-card.svelte-1epb4ry{background:var(--dd-bg-surface-alt);border:1px solid var(--dd-border-default);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .var-card.svelte-1epb4ry{background:var(--dd-bg-surface)}.var-row.svelte-1epb4ry{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.name-input.svelte-1epb4ry{flex:1;min-width:100px}.type-select.svelte-1epb4ry{width:160px;flex-shrink:0}.type-select-sm.svelte-1epb4ry{width:140px;flex-shrink:0}.visibility-pill.svelte-1epb4ry{display:flex;border:1px solid var(--dd-border-default);border-radius:6px;overflow:hidden;flex-shrink:0}.pill-option.svelte-1epb4ry{padding:6px 10px;font-size:11px;font-weight:500;border:none;background:var(--dd-bg-surface);color:var(--dd-text-tertiary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.pill-option.svelte-1epb4ry:first-child{border-right:1px solid var(--dd-border-default)}.pill-option.active.svelte-1epb4ry{background:var(--dd-blue);color:var(--dd-text-on-accent)}.mapping-row.svelte-1epb4ry{display:flex;gap:8px;align-items:center;padding-left:4px;flex-wrap:wrap}.nested-mapping.svelte-1epb4ry{padding-left:16px;border-left:2px solid var(--dd-border-default);margin-left:8px;margin-top:6px}.mapping-label.svelte-1epb4ry{font-size:12px;font-weight:500;color:var(--dd-text-secondary);white-space:nowrap}.default-row.svelte-1epb4ry{display:flex}.default-input.svelte-1epb4ry{flex:1}.var-preview.svelte-1epb4ry{font-size:12px;color:var(--dd-text-tertiary);font-style:italic;padding:4px 0 0;line-height:1.4}.quick-add-row.svelte-1epb4ry{display:flex;flex-wrap:wrap;gap:6px}.quick-add-chip.svelte-1epb4ry{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1.5px solid}.quick-add-chip.svelte-1epb4ry:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.chip-number.svelte-1epb4ry{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.chip-number.svelte-1epb4ry:hover{background:#3b82f633}.chip-address.svelte-1epb4ry{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.chip-address.svelte-1epb4ry:hover{background:#8b5cf633}.chip-bool.svelte-1epb4ry{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.chip-bool.svelte-1epb4ry:hover{background:#22c55e33}.chip-text.svelte-1epb4ry{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.chip-text.svelte-1epb4ry:hover{background:#f59e0b33}.chip-array.svelte-1epb4ry{background:#0ea5e91a;border-color:#0ea5e94d;color:#0ea5e9}.chip-array.svelte-1epb4ry:hover{background:#0ea5e933}.chip-mapping.svelte-1epb4ry{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.chip-mapping.svelte-1epb4ry:hover{background:#6b728033}.chip-custom.svelte-1epb4ry{background:var(--dd-bg-surface);border-color:var(--dd-border-default);color:var(--dd-text-secondary)}.chip-custom.svelte-1epb4ry:hover{background:var(--dd-bg-surface-hover, var(--dd-bg-surface-alt))}.btn-delete.svelte-1epb4ry{background:none;border:none;font-size:18px;color:var(--dd-text-tertiary);cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.btn-delete.svelte-1epb4ry:hover{color:var(--dd-error)}