*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}.app-tabs{z-index:25;pointer-events:none;gap:4px;padding:10px 12px;display:flex;position:fixed;top:0;left:0}.app-tabs .app-tab{pointer-events:auto;color:#becde6e0;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c14b8;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.app-tabs .app-tab:hover{background:#181e30e0;border-color:#8cb4ff47}.app-tabs .app-tab[aria-selected=true]{color:#e6f0fffa;background:#202c48eb;border-color:#78aaff73;box-shadow:0 0 0 1px #6496ff1f}.app-tabs .app-tab:focus-visible{outline-offset:2px;outline:2px solid #78b4ff8c}#void-bg,#kaleido-bg,#vhs-bg,#prism-bg{z-index:0;pointer-events:none;position:fixed;inset:0}#void-bg canvas,#kaleido-bg canvas,#vhs-bg canvas,#prism-bg canvas{width:100%;height:100%;display:block}body[data-visual=void] #void-bg{visibility:visible}body[data-visual=void] #kaleido-bg,body[data-visual=void] #vhs-bg,body[data-visual=void] #prism-bg,body[data-visual=kaleido] #void-bg,body[data-visual=kaleido] #vhs-bg,body[data-visual=kaleido] #prism-bg{visibility:hidden}body[data-visual=kaleido] #kaleido-bg{visibility:visible}body[data-visual=vhs] #void-bg,body[data-visual=vhs] #kaleido-bg,body[data-visual=vhs] #prism-bg{visibility:hidden}body[data-visual=vhs] #vhs-bg{visibility:visible}body[data-visual=prism] #void-bg,body[data-visual=prism] #kaleido-bg,body[data-visual=prism] #vhs-bg{visibility:hidden}body[data-visual=prism] #prism-bg{visibility:visible}#root{z-index:1;background:0 0;position:relative}.settings-wrap{z-index:20;pointer-events:none;padding:6px 8px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;top:0;right:0}.settings-wrap *{pointer-events:auto}.settings-trigger{color:#e6f0ffeb;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c12a6;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;transition:background .15s,border-color .15s;display:flex}.settings-trigger:hover{background:#181c28d9;border-color:#a0c8ff59}.settings-trigger:focus-visible{outline-offset:2px;outline:2px solid #78b4ff99}.settings-panel{color:#e6eefaf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a10eb;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:min(272px,100vw - 20px);max-height:min(68vh,460px);padding:0;display:flex;position:absolute;top:50px;right:8px;box-shadow:0 20px 56px #00000094,inset 0 1px #ffffff0f}.settings-panel-header{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:10px 12px 8px}.settings-panel-header h2{letter-spacing:.03em;margin:0;font-size:14px;font-weight:600}.settings-panel-lede{color:#96a5c3bf;margin:4px 0 0;font-size:11px;line-height:1.35}.settings-panel-body{scrollbar-gutter:stable;flex:1;min-height:0;padding:8px 12px 10px;overflow-y:auto}.settings-panel-body::-webkit-scrollbar{width:8px}.settings-panel-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.settings-panel-body::-webkit-scrollbar-track{background:0 0}.settings-panel-footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:8px 12px 10px}.settings-section{margin-bottom:12px}.settings-section:last-child{margin-bottom:0}.settings-section-title{letter-spacing:.1em;text-transform:uppercase;color:#829bc8d9;margin:0 0 6px;font-size:10px;font-weight:600}.settings-section .settings-field:first-of-type{margin-top:0}.settings-field{margin-bottom:10px}.settings-field:last-child{margin-bottom:0}.settings-field-disabled{opacity:.55}.settings-field label{color:#c8d2e6eb;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.settings-field input[type=range]{accent-color:#7ab8ff;width:100%;margin-top:5px}.settings-value{font-variant-numeric:tabular-nums;color:#a0bee6e6;font-size:12px}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row input[type=checkbox]{accent-color:#7ab8ff;width:18px;height:18px}.settings-hint{color:#c8beaae0;background:#281c0859;border:1px solid #ffc87833;border-radius:6px;margin:0 0 10px;padding:7px 9px;font-size:10px;line-height:1.4}.settings-micro{color:#8c9bb48c;margin:4px 0 0;font-size:9px;line-height:1.35}.settings-select{color:#e6eefaf2;cursor:pointer;background:#00000059;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-top:5px;padding:6px 8px;font-size:11px}.settings-group{background:#00000047;border:1px solid #ffffff1a;border-radius:8px;margin-top:2px;margin-bottom:10px;padding:8px 9px}.settings-group-flush{margin-bottom:0}.settings-group-title-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.settings-group-title-row input[type=checkbox]{accent-color:#7ab8ff;flex-shrink:0;width:18px;height:18px}.settings-group-title-inline{letter-spacing:.04em;text-transform:uppercase;color:#aac3e6d9;cursor:pointer;margin:0;font-size:12px;font-weight:600}.settings-group-label{color:#c8d2e6eb;margin-top:8px;font-size:12px;display:block}.settings-select-inset{margin-top:6px}.settings-micro-inset{margin-top:8px;margin-bottom:0}.settings-select:disabled{opacity:.45;cursor:not-allowed}.settings-select:focus-visible{outline-offset:1px;outline:2px solid #78b4ff80}.site-footer{z-index:15;pointer-events:none;padding:10px 18px 14px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.site-footer-inner{pointer-events:auto;color:#c8d7ebd1;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a10b8;border:1px solid #ffffff14;border-radius:10px;padding:8px 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;display:inline-block}.site-footer-credit-link{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #a0bee673;text-decoration:underline #a0bee673}.site-footer-credit-link:hover{color:#dcebfffa;text-decoration-color:#b4d2ffbf}.site-footer-credit-link:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #78b4ff8c}.settings-export-gif{color:#dcebfff2;cursor:pointer;background:#1e325a8c;border:1px solid #8cc8ff59;border-radius:6px;width:100%;margin-bottom:6px;padding:7px 9px;font-size:11px}.settings-export-gif:hover:not(:disabled){background:#28416ebf}.settings-export-gif:disabled{opacity:.55;cursor:wait}.settings-export-err{color:#ffb4a0e6;margin:0 0 8px}.settings-gif-download-link{color:#a0d2fff2;text-underline-offset:3px;text-decoration:underline}.settings-gif-download-link:hover{color:#c8e6ff}.settings-panel-footer .settings-micro{margin-bottom:10px}.settings-reset{color:#dcdcebe6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-top:0;padding:7px 9px;font-size:11px}.settings-reset:hover{background:#ffffff14}.hue-wheel-field{margin-bottom:10px}.hue-wheel-label-row{color:#dce4f5f2;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;font-weight:500;display:flex}.hue-wheel-wrap{outline:none;justify-content:center;display:flex}.hue-wheel-wrap:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #78b4ff8c}.hue-wheel-canvas{cursor:crosshair;touch-action:none;border-radius:50%;width:112px;height:112px;display:block;box-shadow:0 3px 14px #00000059,inset 0 0 0 1px #ffffff0f}