.controls[data-v-0e501ee6]{display:flex;flex-direction:column;gap:20px}.ctrl-title[data-v-0e501ee6]{font:var(--font-headline-sm)}.angle-row[data-v-0e501ee6]{display:flex;align-items:center;justify-content:center;gap:4px}.angle-input[data-v-0e501ee6]{width:140px;padding:10px 8px;border:2px solid var(--color-primary);border-radius:var(--radius);text-align:center;font:var(--font-headline-lg);font-weight:700;font-family:var(--font-family);color:var(--color-primary);background:var(--color-primary-container);outline:none;transition:border-color .2s}.angle-input[data-v-0e501ee6]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.angle-unit[data-v-0e501ee6]{font:var(--font-headline-md);color:var(--color-primary);font-weight:700}.slider-wrap[data-v-0e501ee6]{display:flex;align-items:center;gap:10px}.slider-label[data-v-0e501ee6]{font:var(--font-label-sm);color:var(--color-text-muted);min-width:38px;text-align:center}.angle-slider[data-v-0e501ee6]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:var(--color-primary);outline:none;cursor:pointer}.angle-slider[data-v-0e501ee6]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:transparent}.angle-slider[data-v-0e501ee6]::-moz-range-track{height:8px;border-radius:4px;background:var(--color-primary)}.angle-slider[data-v-0e501ee6]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);cursor:pointer}.angle-slider[data-v-0e501ee6]::-moz-range-progress{height:8px;border-radius:4px;background:var(--color-primary)}.snap-row[data-v-0e501ee6]{display:flex;gap:8px}.snap-btn[data-v-0e501ee6]{flex:1;padding:8px 2px;background:var(--color-surface-container);border:1px solid var(--color-border-light);border-radius:var(--radius);cursor:pointer;font:var(--font-label-xs);font-weight:600;transition:all var(--transition-fast)}.snap-btn[data-v-0e501ee6]:hover{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.snap-btn.active[data-v-0e501ee6]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.reset-btn[data-v-0e501ee6]{background:var(--color-surface)}.interact-btn[data-v-0e501ee6]{width:100%;padding:10px;background:var(--color-surface-container);border:2px dashed var(--color-border-light);border-radius:var(--radius);cursor:pointer;font:var(--font-label-sm);font-weight:600;transition:all var(--transition-fast)}.interact-btn[data-v-0e501ee6]:hover{border-color:var(--color-primary);color:var(--color-primary)}.interact-btn.active[data-v-0e501ee6]{border-style:solid;border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-primary)}.btn-secondary[data-v-0e501ee6]{width:100%;justify-content:center}