*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px;background:#f5f5f5}h1{margin-bottom:10px;color:#333}.description{margin-bottom:20px;color:#666;line-height:1.5}.controls{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:14px;font-weight:500;color:#555}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.masonry-list{list-style:none;margin:0;padding:0}.frame{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#0000004d}.container{max-width:1200px;margin:0 auto}