.pid-visualizer.svelte-llj88p{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0;box-shadow:0 4px 20px #0003}.header.svelte-llj88p{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.header.svelte-llj88p h4:where(.svelte-llj88p){margin:0;color:var(--text-primary)}.header-controls.svelte-llj88p{display:flex;align-items:center;gap:.75rem}.auto-reset.svelte-llj88p{display:flex;align-items:center;gap:.4rem}.auto-reset.svelte-llj88p label:where(.svelte-llj88p){font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.countdown.svelte-llj88p{font-size:.8rem;font-family:var(--font-mono);color:var(--accent-cyan);min-width:2rem;text-align:left}.auto-reset-input.svelte-llj88p{width:4rem;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-mono);text-align:center;transition:border-color .2s}.auto-reset-input.svelte-llj88p:focus{outline:none;border-color:var(--accent-cyan)}.auto-reset-input.svelte-llj88p::-webkit-outer-spin-button,.auto-reset-input.svelte-llj88p::-webkit-inner-spin-button{-webkit-appearance:none}.auto-reset-input[type=number].svelte-llj88p{-moz-appearance:textfield;appearance:textfield}.reset-btn.svelte-llj88p{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.reset-btn.svelte-llj88p:hover{background:var(--bg-card-hover);color:var(--text-primary)}.visual-area.svelte-llj88p{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem;background:#0003;border-radius:var(--radius-md);overflow:hidden}svg.svelte-llj88p{max-width:100%;height:auto}.controls.svelte-llj88p{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;margin-bottom:1rem}.control-group.svelte-llj88p{display:flex;flex-direction:column;gap:.5rem}.control-group.svelte-llj88p label:where(.svelte-llj88p){font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary);display:flex;justify-content:space-between}.control-group.svelte-llj88p label:where(.svelte-llj88p) span:where(.svelte-llj88p){color:var(--text-primary);font-weight:600}input[type=range].svelte-llj88p{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.tuning-hint.svelte-llj88p{min-height:1.5rem;font-size:.85rem;font-family:var(--font-body);text-align:center}.warning.svelte-llj88p{color:var(--accent-yellow)}.tip.svelte-llj88p{color:var(--text-muted)}.success.svelte-llj88p{color:var(--accent-green)}