:root{--bg: #020003;--og: #02000366;--fg: #eeaaff;--accent: #4400ff;--accent2: #AA0011;--accent3: #00ffaa;--accent4: #ff6600;--blur-bg: #000c;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-fast: .1s;--controls-height: 2rem;--bg-10: color-mix(in oklch, var(--bg) 10%, transparent);--bg-20: color-mix(in oklch, var(--bg) 20%, transparent);--bg-30: color-mix(in oklch, var(--bg) 30%, transparent);--bg-40: color-mix(in oklch, var(--bg) 40%, transparent);--bg-50: color-mix(in oklch, var(--bg) 50%, transparent);--bg-60: color-mix(in oklch, var(--bg) 60%, transparent);--bg-70: color-mix(in oklch, var(--bg) 70%, transparent);--bg-80: color-mix(in oklch, var(--bg) 80%, transparent);--bg-90: color-mix(in oklch, var(--bg) 90%, transparent);--fg-30: color-mix(in oklch, var(--fg) 30%, transparent);--fg-50: color-mix(in oklch, var(--fg) 50%, transparent);--fg-70: color-mix(in oklch, var(--fg) 70%, transparent);--fg-90: color-mix(in oklch, var(--fg) 90%, transparent);--accent-10: color-mix(in oklch, var(--accent) 10%, transparent);--accent-20: color-mix(in oklch, var(--accent) 20%, transparent);--accent-30: color-mix(in oklch, var(--accent) 30%, transparent);--accent-40: color-mix(in oklch, var(--accent) 40%, transparent);--accent-50: color-mix(in oklch, var(--accent) 50%, transparent);--white-30: color-mix(in oklch, var(--accent) 30%, white);--gradient-1: color-mix(in oklch, var(--accent) 30%, var(--bg));--gradient-2: color-mix(in oklch, var(--accent3) 30%, var(--bg));--gradient-3: color-mix(in oklch, var(--accent2) 30%, var(--bg));--gradient-4: color-mix(in oklch, var(--accent4) 30%, var(--bg));color-scheme:only dark}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}html,body{overflow-x:hidden;width:100%;position:relative}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-40);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}::-webkit-scrollbar-thumb{background:var(--accent2);border-radius:var(--radius-sm)}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,var(--gradient-1) 0%,var(--gradient-2) 33%,var(--gradient-3) 66%,var(--gradient-4) 100%);background-size:400% 400%;animation:gradient 20s ease infinite;color:var(--fg);font-family:Pixelify Sans,system-ui}.controls{position:fixed;inset:0 0 auto;height:var(--controls-height);z-index:10;padding:1rem;display:grid;gap:1rem;background:var(--bg-60);box-shadow:0 0 20px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:2fr 4fr 1fr}.controls input,.controls select{padding:.35rem .5rem;border-radius:var(--radius-md);background:var(--bg-10);color:var(--accent);border:none;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:inherit}.controls input::placeholder{color:var(--accent);opacity:.8}.controls input:hover,.controls input:focus,.controls select:hover,.controls select:focus{background:var(--bg-60);color:var(--accent)}.controls select{padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.range-container{display:flex;align-items:center;padding:.35rem .5rem;border-radius:var(--radius-md);background:var(--bg-10);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.range-container:hover{background:var(--bg-60)}input[type=range]{width:100%;height:10px;background:var(--bg-20);-webkit-appearance:none;cursor:pointer;border-radius:var(--radius-sm)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-2px;width:18px;height:18px;background:var(--accent);border-radius:6px}#app{width:100%;max-width:100vw;padding:calc(var(--controls-height) + 3rem) 0 1rem;position:relative;z-index:1;display:flex;justify-content:center}.thumbs{display:grid;gap:1rem;width:calc(100% - 2rem);max-width:1800px;padding:0 calc(1rem + var(--radius-lg));margin-top:0}.thumb{position:relative;display:block;overflow:hidden;opacity:.9;border-radius:var(--radius-lg);outline:6px solid var(--bg-80);outline-offset:-4px;box-shadow:0 4px 20px #00000080;background:var(--bg-30)}.thumb:hover{outline-color:var(--bg-90);opacity:1;transform:scale(1.02);transition:transform var(--transition-fast);box-shadow:0 8px 30px #000000b3}.thumb img{width:100%;height:auto;display:block;aspect-ratio:16/9;background:var(--bg-30)}.thumb span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:2rem Pixelify Sans,monospace;color:#0ff;mix-blend-mode:difference}.thumb .source{position:absolute;top:var(--radius-sm);right:var(--radius-sm);padding:var(--radius-sm);border-radius:var(--radius-lg);background:var(--bg-30);color:#fff;mix-blend-mode:overlay;font-weight:700;font-size:.7rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:1.8rem;height:1.5rem;display:grid;place-items:center;text-transform:uppercase;letter-spacing:0}.progress{position:fixed;top:calc(var(--controls-height) + 3rem);left:var(--radius-sm);width:8px;height:calc(100vh - var(--controls-height) - var(--radius-lg) - 3rem);background:var(--bg-30);border-radius:var(--radius-sm);z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-bar{width:100%;height:0%;background:var(--accent);border-radius:var(--radius-sm);transition:height var(--transition-fast)}.progress-info{position:absolute;top:12px;left:12px;padding:var(--radius-md) var(--radius-lg);border-radius:var(--radius-lg);background:var(--bg-80);color:var(--white-30);font-size:1.2rem;opacity:.8;transform:translate(1rem);transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:0 0 10px var(--bg-80);white-space:nowrap}.progress:hover .progress-info{opacity:1;transform:translate(0)}.error{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:2rem;border-radius:var(--radius-lg);background:var(--bg-80);color:var(--accent2);font-size:1.2rem;text-align:center;box-shadow:0 0 30px var(--bg-90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--accent2);max-width:min(80vw,600px);z-index:100}.loading{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:2rem;border-radius:var(--radius-lg);background:var(--bg-80);color:var(--accent);font-size:1.2rem;text-align:center;box-shadow:0 0 30px var(--bg-90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--accent);max-width:min(80vw,600px);z-index:100;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.version{position:fixed;bottom:var(--radius-sm);right:var(--radius-sm);padding:var(--radius-sm) var(--radius-md);background:var(--bg-30);color:var(--fg-50);font-size:.7rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;opacity:.7;transition:opacity var(--transition-fast)}.version:hover{opacity:1}@media (max-width: 768px){:root{--controls-height: 4rem}.controls{grid-template-columns:1fr;gap:.75rem;padding:1rem;max-width:min(500px,100%);margin:0 auto}.controls input,.controls select,.range-container{width:100%;box-sizing:border-box}#app{padding-top:calc(var(--controls-height) + 3rem)}.progress{top:calc(var(--controls-height) + 3rem)}.thumbs{padding:0 .75rem}}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/glslmine/assets/pixelify-sans-cyrillic-400-normal-DfOZNMlW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/glslmine/assets/pixelify-sans-latin-ext-400-normal-BhoR5rt5.woff2) format("woff2"),url(/glslmine/assets/pixelify-sans-latin-ext-400-normal-DPTXV1ga.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/glslmine/assets/pixelify-sans-latin-400-normal-NSWc6_3u.woff2) format("woff2"),url(/glslmine/assets/pixelify-sans-latin-400-normal-DObCLyZY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}