.animation-controls{font-family:var(--font-mono);--control-height:1.5rem;--compact-padding:0.5rem}.animation-controls .animation-card{border-radius:0;box-shadow:none;border:1px solid var(--input)}.animation-controls .card-title{font-size:.75rem;font-weight:500;letter-spacing:.05em}.animation-controls select{width:100%;background-color:var(--muted);color:var(--foreground);font-size:.75rem;padding:.5rem;border:1px solid var(--input);border-radius:0;font-family:var(--font-mono)}.animation-controls select:focus{outline:none;box-shadow:0 0 0 1px var(--ring)}.animation-controls label{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.05em}.animation-controls .value-display{font-size:.75rem;width:2rem;text-align:right;font-family:var(--font-mono)}.animation-controls input[type=range]{width:100%;height:.375rem;background-color:var(--muted);border-radius:0;appearance:none;cursor:pointer}.animation-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:.75rem;height:.75rem;background:var(--foreground);border:1px solid var(--input);border-radius:0}.animation-controls input[type=range]::-moz-range-thumb{width:.75rem;height:.75rem;background:var(--foreground);border:1px solid var(--input);border-radius:0}.animation-controls input[type=number]{width:100%;background-color:var(--muted);color:var(--foreground);font-size:.75rem;padding:.5rem;border:1px solid var(--input);border-radius:0;font-family:var(--font-mono)}.animation-controls input[type=number]:focus{outline:none;box-shadow:0 0 0 1px var(--ring)}.vector-properties{font-family:var(--font-mono);--control-height:1.5rem;--compact-padding:0.5rem}.vector-properties .property-card{border-radius:0;box-shadow:none;border:1px solid var(--input)}.vector-properties .card-title{font-size:.75rem;font-weight:500;letter-spacing:.05em}.vector-properties label{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.05em}.vector-properties .value-display{font-size:.75rem;text-align:right;font-family:var(--font-mono)}.vector-properties input[type=range]{width:100%;height:.375rem;background-color:var(--muted);border-radius:0;appearance:none;cursor:pointer}.vector-properties input[type=range]::-webkit-slider-thumb{appearance:none;width:.75rem;height:.75rem;background:var(--foreground);border:1px solid var(--input);border-radius:0}.vector-properties input[type=range]::-moz-range-thumb{width:.75rem;height:.75rem;background:var(--foreground);border:1px solid var(--input);border-radius:0}.vector-properties input[type=number]{background-color:var(--muted);color:var(--foreground);font-size:.75rem;padding:.5rem;border:1px solid var(--input);border-radius:0;font-family:var(--font-mono)}.vector-properties input[type=number]:focus{outline:none;box-shadow:0 0 0 1px var(--ring)}.vector-properties select{width:100%;background-color:var(--muted);color:var(--foreground);font-size:.75rem;padding:.5rem;border:1px solid var(--input);border-radius:0;font-family:var(--font-mono)}.vector-properties select:focus{outline:none;box-shadow:0 0 0 1px var(--ring)}.vector-properties button{border-radius:0;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;transition:background-color .2s ease}.vector-properties .description{font-size:.625rem;color:var(--muted-foreground);font-family:var(--font-mono);opacity:.7;margin-top:.125rem}