.uniform-tool{gap:1rem;max-width:780px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.uniform-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.uniform-panel legend{padding:0 .5rem;font-weight:700}.uniform-panel h2{margin:0;font-size:1.05rem}.uniform-group{gap:.5rem;display:grid}.uniform-label{font-weight:600}.uniform-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.uniform-swatch{border:2px solid var(--border,#c9c9c9);cursor:pointer;border-radius:.6rem;width:44px;height:44px;padding:0}.uniform-swatch[data-active=true]{border-color:var(--focus,#1a73e8);outline:2px solid var(--focus,#1a73e8);outline-offset:2px}.uniform-gradient-row{flex-wrap:wrap;gap:.5rem;display:flex}.uniform-custom{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.uniform-custom label{font-weight:600}.uniform-input{border:1px solid var(--border,#c9c9c9);background:var(--surface,#fff);min-height:44px;color:inherit;border-radius:.6rem;width:7rem;padding:0 .75rem}.uniform-feedback{color:#b3261e;margin:0;font-weight:600}.uniform-wrap:fullscreen{background:#000}.uniform-wrap:fullscreen .uniform-stage{border:0;border-radius:0;min-height:100vh}.uniform-stage{border:1px solid var(--border,#c9c9c9);border-radius:.9rem;min-height:320px;position:relative;overflow:hidden}.uniform-grid{pointer-events:none;background-image:repeating-linear-gradient(90deg,#8080808c 0 1px,#0000 1px 8.33333%),repeating-linear-gradient(#8080808c 0 1px,#0000 1px 12.5%);position:absolute;inset:0}.uniform-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.uniform-check{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-weight:600;display:inline-flex}.uniform-check input{width:1.25rem;height:1.25rem}.uniform-look{color:var(--muted,#666);gap:.4rem;margin:0;padding-left:1.25rem;font-size:.92rem;display:grid}