body{margin:0;overflow:hidden;background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}canvas{display:block;cursor:pointer}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-6px;box-shadow:0 0 5px #fffc}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff4d;border-radius:2px}.control-panel{transition:opacity .3s ease,transform .3s ease}.panel-hidden{opacity:0;transform:translate(-20px);pointer-events:none}.shape-btn.active{background-color:#4f46e5;border-color:#fff;transform:scale(1.05)}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#4f46e5;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}#searchSpinner .spinner{border-left-color:#a855f7}@keyframes spin{to{transform:rotate(360deg)}}