*{box-sizing:border-box;margin:0;padding:0}body{color:#2c2c2c;background:#f5f0e8;width:100vw;height:100vh;font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}#controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e8e6;border-bottom:1px solid #00000014;align-items:center;gap:16px;padding:14px 24px;display:flex}#drop-zone{cursor:pointer;letter-spacing:.3px;color:#0006;white-space:nowrap;text-overflow:ellipsis;border:1.5px dashed #0000002e;border-radius:8px;max-width:260px;padding:8px 18px;font-size:13px;transition:all .2s;overflow:hidden}#drop-zone:hover{color:#000000b3;border-color:#00000059}#drop-zone.drag-over{color:#ff2d55;background:#ff2d550a;border-color:#ff2d55}#drop-zone.loaded{color:#2c2c2c;border-style:solid;border-color:#0000001f}#drop-zone.default{color:#0000008c;border-color:#00000026}#controls-row{align-items:center;gap:10px;display:flex}button{letter-spacing:.5px;color:#2c2c2c;cursor:pointer;background:0 0;border:1.5px solid #0000001f;border-radius:8px;padding:8px 20px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .15s}button:hover:not(:disabled){background:#0000000a;border-color:#00000040}button:disabled{opacity:.3;cursor:not-allowed}button.active{color:#ff2d55;background:#ff2d5514;border-color:#ff2d55}select{color:#2c2c2c;cursor:pointer;background:#fff9;border:1.5px solid #0000001a;border-radius:8px;outline:none;padding:8px 14px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px}select option{color:#2c2c2c;background:#f5f0e8}#threshold-group{color:#00000073;align-items:center;gap:8px;font-size:12px;display:flex}#threshold-slider{accent-color:#ff2d55;width:80px}#threshold-value{font-variant-numeric:tabular-nums;min-width:28px}#canvas{flex:1;width:100%;position:relative;overflow:hidden}#canvas canvas{display:block}#loop-group{color:#00000073;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}#loop-checkbox{accent-color:#ff2d55;cursor:pointer}#github-link{color:#00000059;align-items:center;margin-left:4px;transition:color .15s;display:flex}#github-link:hover{color:#000000b3}