#controls{opacity:0;pointer-events:none;user-select:none;z-index:10;will-change:translate;box-sizing:border-box;white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:100vw;padding:20px 30px;transition:opacity .4s cubic-bezier(.16,1,.3,1),scale .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;translate:-50% -50%;scale:1}#controls.hidden{scale:.95;opacity:0!important;pointer-events:none!important}#controls.is-small,#controls.is-medium,#controls.is-large{flex-direction:column;gap:12px}#controls>div{align-items:center;gap:12px;width:100%;display:flex}#controls.is-small>div:last-child{z-index:2;gap:12px;position:relative}#controls.is-small .grid-group label,#controls.is-small .size-group span{display:none!important}@media (width<=620px){#controls.is-small .app-group,#controls.is-small .divider:last-of-type{display:none!important}}#controls>div,#controls .visuals-group{opacity:1;z-index:1;transition:opacity .3s}#controls.is-small>div:not(:last-child),#controls.is-small .visuals-group{opacity:0;pointer-events:none;transition:none;position:absolute}#controls.is-small{gap:0;width:auto;padding:10px 15px}#controls.is-small>div:last-child{gap:15px}#controls.is-small .divider{display:block!important}#controls.is-small .grid-group span{width:auto}#controls.is-small .app-group .audio-btn{flex:none}#controls.is-small .upload-btn{display:none}#controls.is-small .grid-group,#controls.is-small .size-group,#controls.is-small .app-group{flex:none}#controls.is-medium label,#controls.is-medium span{display:block}#controls.is-medium .visuals-group input[type=range],#controls.is-large .visuals-group input[type=range]{width:120px}#controls.is-medium{gap:15px}.control-group{align-items:center;gap:12px;display:flex}.visuals-group{flex:1;min-width:300px}.visuals-group label{flex:1;min-width:0;overflow:hidden}.grid-group,.size-group,.app-group,.grid-group label,.size-group span{flex:1;min-width:0}.grid-group span{text-align:center;flex-shrink:0;width:28px}.app-group .audio-btn{flex:1}.app-group:has(.audio-btn:hover) .upload-btn{opacity:1}.divider{background:#fff3;width:1px;height:20px}#controls label,#controls span{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font:11px/1 system-ui}#cols-input,#rows-input{color:#fff;text-align:center;-webkit-appearance:none;-moz-appearance:textfield;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;outline:none;width:20px;padding:6px;font:11px/1 system-ui}#cols-input::-webkit-outer-spin-button,#cols-input::-webkit-inner-spin-button,#rows-input::-webkit-outer-spin-button,#rows-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#cols-input:focus,#rows-input:focus{border-color:#fff6}@media (width<=1024px){#controls{gap:12px;padding:14px 16px}#controls.is-medium,#controls.is-large{gap:10px}#controls>div,.control-group{gap:8px}.visuals-group{min-width:0}#controls.is-medium .visuals-group input[type=range],#controls.is-large .visuals-group input[type=range],#sat-slider,#speed-slider,#interval-slider,#wiggle-slider,#ca-slider,#iri-slider,#gap-slider,#shutter-slider,#grain-slider{width:84px}.audio-btn,.size-btn{padding:6px 9px}.divider{display:none}}@media (width<=620px){#controls{padding:22px 12px}#controls.is-medium,#controls.is-large{align-items:stretch}#controls>div{flex-direction:column;align-items:stretch;gap:8px;width:auto}.visuals-group,.grid-group,.size-group,.app-group{flex:none}.visuals-group label{flex:0 0 104px}.grid-group label,.size-group span,.app-group .audio-btn{flex:none}#controls.is-medium .grid-group label,#controls.is-large .grid-group label,#controls.is-medium .size-group span,#controls.is-large .size-group span{display:none}#controls.is-medium .visuals-group input[type=range],#controls.is-large .visuals-group input[type=range]{flex:auto;width:auto;min-width:60px}#controls.is-medium .size-btn,#controls.is-large .size-btn{flex:1 1 0;min-width:0}#controls.is-medium #cols-input,#controls.is-medium #rows-input,#controls.is-large #cols-input,#controls.is-large #rows-input{box-sizing:border-box;flex:1 1 0;width:auto;min-width:0}#controls.is-medium .grid-group span,#controls.is-large .grid-group span{box-sizing:border-box;border:1px solid #0000;flex:1 1 0;width:auto;min-width:0;padding:6px}#controls.is-medium .app-group .audio-btn,#controls.is-large .app-group .audio-btn{flex:1 1 0;min-width:0}#controls.is-small{width:min(92vw,386px);padding:10px}#controls.is-small>div:last-child{width:100%}#controls.is-small .grid-group,#controls.is-small .size-group{flex:none}#controls.is-small .divider{display:none}#controls.is-small .app-group{flex:100%}#controls.is-small .app-group .audio-btn{flex:1 1 0;min-width:0}#controls.is-small>div:last-child{flex-flow:wrap;justify-content:center;align-items:center}}