:root,[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--surface-hover:#141414;--border:#2a2a2a;--text:#e0e0e0;--text-secondary:#888;--accent:#fff;--font-mono:"JetBrains Mono", "Courier New", Consolas, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg:#f2f2f2;--surface:#fff;--surface-hover:#e8e8e8;--border:#ccc;--text:#111;--text-secondary:#555;--accent:#333;--font-mono:"JetBrains Mono", "Courier New", Consolas, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent)}::selection{background:var(--accent);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.overlay.svelte-1k2jqj{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.svelte-1k2jqj{background:var(--bg,#000);color:var(--text,#eee);border:1px solid var(--border,#333);text-align:center;border-radius:0;max-width:480px;padding:2rem}h2.svelte-1k2jqj{margin:0 0 1rem;font-size:1.3rem}p.svelte-1k2jqj{opacity:.9;margin:0 0 1rem;font-size:.95rem;line-height:1.5}button.svelte-1k2jqj{background:var(--accent,#fff);color:#000;cursor:pointer;border:none;border-radius:0;padding:.75rem 1.5rem;font-size:1rem;transition:opacity .2s}button.svelte-1k2jqj:hover{opacity:.85}.theme-toggle.svelte-1kenrq5{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;transition:background .2s;display:flex}.theme-toggle.svelte-1kenrq5:hover{background:var(--surface-hover)}.about.svelte-8kinj7{max-width:720px;margin:0 auto;padding:2rem 1.5rem}h1.svelte-8kinj7{color:var(--text);margin-bottom:2rem;font-size:2rem}section.svelte-8kinj7{margin-bottom:2rem}h2.svelte-8kinj7{color:var(--text);margin:0 0 .75rem;font-size:1.2rem}p.svelte-8kinj7,li.svelte-8kinj7{color:var(--text-secondary);line-height:1.6}ul.svelte-8kinj7{padding-left:1.5rem}li.svelte-8kinj7{margin-bottom:.4rem}.links.svelte-8kinj7{gap:1.5rem;margin-top:.75rem;display:flex}.links.svelte-8kinj7 a:where(.svelte-8kinj7){color:var(--accent);font-weight:500;text-decoration:none}.links.svelte-8kinj7 a:where(.svelte-8kinj7):hover{text-decoration:underline}.screenshots.svelte-8kinj7{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.screenshots.svelte-8kinj7 img:where(.svelte-8kinj7){border:1px solid var(--border,#333);border-radius:8px;width:100%}@media (width<=500px){.screenshots.svelte-8kinj7{grid-template-columns:1fr}}.search-bar.svelte-tsg0ih{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}input.svelte-tsg0ih{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:0;outline:none;padding:.6rem 1rem;font-size:1rem;transition:border-color .2s}input.svelte-tsg0ih:focus{border-color:var(--accent)}.chips.svelte-tsg0ih{flex-wrap:wrap;gap:.5rem;display:flex}.chip.svelte-tsg0ih{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:0;padding:.3rem .75rem;font-size:.8rem;transition:all .2s}.chip.svelte-tsg0ih:hover{background:var(--surface-hover)}.chip.active.svelte-tsg0ih{background:var(--accent);color:var(--bg);border-color:var(--accent)}.card.svelte-1jhj1yv{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:0;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.card.svelte-1jhj1yv:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.thumbnail.svelte-1jhj1yv{aspect-ratio:1;background:#141414;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumbnail.tinted.svelte-1jhj1yv img:where(.svelte-1jhj1yv){filter:grayscale()brightness(.8)}.thumbnail.tinted.svelte-1jhj1yv:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#ffffff26;position:absolute;inset:0}.thumbnail.svelte-1jhj1yv img:where(.svelte-1jhj1yv){object-fit:cover;width:100%;height:100%;display:block}.info.svelte-1jhj1yv{padding:.75rem 1rem}h3.svelte-1jhj1yv{margin:0 0 .25rem;font-size:.95rem}.desc.svelte-1jhj1yv{color:var(--text-secondary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.category.svelte-1jhj1yv{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.loading-spinner.svelte-1jhj1yv{border:3px solid #ffffff26;border-top-color:#fff9;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite svelte-1jhj1yv-spin}@keyframes svelte-1jhj1yv-spin{to{transform:rotate(360deg)}}@media (width<=600px){.card.svelte-1jhj1yv{flex-direction:row;display:flex}.thumbnail.svelte-1jhj1yv{aspect-ratio:1;flex-shrink:0;width:100px;min-width:100px}.info.svelte-1jhj1yv{flex-direction:column;justify-content:center;min-width:0;padding:.5rem .75rem;display:flex}h3.svelte-1jhj1yv{font-size:.85rem}.desc.svelte-1jhj1yv{-webkit-line-clamp:2;line-clamp:2;font-size:.72rem}}.color-picker-wrapper.svelte-181phd1{align-items:center;gap:.4rem;display:flex;position:relative}.swatch-btn.svelte-181phd1{cursor:pointer;border:2px solid #fff3;border-radius:0;flex-shrink:0;width:2rem;height:2rem;padding:0}.hex-label.svelte-181phd1{color:var(--text-secondary,#888);min-width:4rem;font-family:monospace;font-size:.75rem}.picker-popup.svelte-181phd1{z-index:200;background:#0a0a0a;border:1px solid #ffffff26;border-radius:0;width:220px;margin-top:.5rem;padding:.75rem;position:absolute;top:100%;left:0;box-shadow:0 12px 40px #0009}.sv-area.svelte-181phd1{cursor:crosshair;touch-action:none;border-radius:0;width:100%;height:140px;position:relative;overflow:hidden}.sv-white.svelte-181phd1{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sv-black.svelte-181phd1{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-cursor.svelte-181phd1{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 3px #00000080}.hue-bar.svelte-181phd1{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:0;width:100%;height:14px;margin-top:.5rem;position:relative}.hue-cursor.svelte-181phd1{pointer-events:none;background:#fff;border-radius:0;width:8px;height:16px;position:absolute;top:-1px;transform:translate(-50%);box-shadow:0 0 3px #0006}.presets.svelte-181phd1{flex-wrap:wrap;gap:4px;margin-top:.5rem;display:flex}.preset.svelte-181phd1{cursor:pointer;border:1px solid #ffffff26;border-radius:0;width:20px;height:20px;padding:0;transition:transform .15s}.preset.svelte-181phd1:hover{border-color:#fff;transform:scale(1.2)}.control-panel.svelte-1ky11bv{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.control.svelte-1ky11bv{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}label.svelte-1ky11bv{min-width:5.5rem;color:var(--text-secondary);flex-shrink:0;font-size:.85rem}input[type=range].svelte-1ky11bv{appearance:none;background:var(--border,#1a3a1a);cursor:pointer;outline:none;flex:1;height:4px}input[type=range].svelte-1ky11bv::-webkit-slider-thumb{appearance:none;background:var(--accent,#fff);cursor:pointer;border:none;width:14px;height:14px;box-shadow:0 0 6px #ffffff4d}input[type=range].svelte-1ky11bv::-moz-range-thumb{background:var(--accent,#fff);cursor:pointer;border:none;border-radius:0;width:14px;height:14px;box-shadow:0 0 6px #ffffff4d}input[type=range].svelte-1ky11bv::-moz-range-track{background:var(--border,#1a3a1a);border:none;height:4px}input[type=checkbox].svelte-1ky11bv{accent-color:var(--accent);width:1.2rem;height:1.2rem}.segmented.svelte-1ky11bv{border:1px solid var(--border);flex-direction:column;width:100%;display:flex;overflow:hidden}.seg-btn.svelte-1ky11bv{background:var(--surface);color:var(--text-secondary);border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;padding:.35rem .5rem;font-family:inherit;font-size:.75rem;transition:background .15s,color .15s}.seg-btn.svelte-1ky11bv:last-child{border-bottom:none}.seg-btn.active.svelte-1ky11bv{background:var(--accent,#fff);color:#000;font-weight:600}.seg-btn.svelte-1ky11bv:hover:not(.active){background:var(--border);color:var(--text)}.value.svelte-1ky11bv{text-align:right;min-width:3rem;color:var(--text-secondary);font-family:monospace;font-size:.8rem}.reset-btn.svelte-1ky11bv{color:var(--accent,#fff);border:1px solid var(--accent,#fff);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;transition:background .2s,color .2s}.reset-btn.svelte-1ky11bv:hover{background:var(--accent,#fff);color:#000}.stopwatch.svelte-7k46xr{z-index:110;font-family:var(--font-mono,"JetBrains Mono", monospace);position:absolute;bottom:1rem;right:1rem}.panel.svelte-7k46xr{background:#121212f2;border:1px solid #ffffff26;min-width:180px;padding:.6rem .8rem}.panel-header.svelte-7k46xr{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sw-icon.svelte-7k46xr{color:#ffffff80;flex-shrink:0;width:18px;height:18px}.sw-icon-sm.svelte-7k46xr{color:#ffffff80;flex-shrink:0;width:14px;height:14px}.time-display.svelte-7k46xr{color:#fff;letter-spacing:1.5px;flex:1;font-size:1.3rem}.collapse-btn.svelte-7k46xr{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1rem;line-height:1}.collapse-btn.svelte-7k46xr:hover{color:#fff}.panel-controls.svelte-7k46xr{gap:.4rem;display:flex}.sw-btn.svelte-7k46xr{color:#fff;font-size:.75rem;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;flex:1;padding:.3rem .5rem;transition:background .15s}.sw-btn.svelte-7k46xr:hover:not(:disabled){background:#ffffff1f}.sw-btn.svelte-7k46xr:disabled{opacity:.3;cursor:default}.sw-btn.start.svelte-7k46xr{color:#50c878;border-color:#50c87866}.sw-btn.stop.svelte-7k46xr{color:#ff6464;border-color:#ff646466}.mini-panel.svelte-7k46xr{color:#fff;cursor:pointer;font-family:var(--font-mono,monospace);background:#121212f2;border:1px solid #ffffff26;align-items:center;gap:.4rem;padding:.35rem .6rem;transition:background .15s;display:flex}.mini-panel.svelte-7k46xr:hover{background:#ffffff1a}.mini-time.svelte-7k46xr{letter-spacing:1px;font-size:.85rem}.viewer.svelte-1mosvcz{z-index:100;--bg:#000;--surface:#0a0a0a;--surface-hover:#141414;--border:#2a2a2a;--text:#e0e0e0;--text-secondary:#888;--accent:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;position:fixed;inset:0;overflow:hidden}.viewer.svelte-1mosvcz canvas{display:block}.toolbar.svelte-1mosvcz{z-index:110;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.icon-btn.svelte-1mosvcz{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;transition:background .2s;display:flex}.icon-btn.svelte-1mosvcz:hover{background:#ffffff26}.fullscreen-btn.svelte-1mosvcz{display:flex}.controls-sidebar.svelte-1mosvcz{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:105;background:#000000bf;border-right:1px solid #ffffff26;width:340px;padding:1rem;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.controls-sidebar.collapsed.svelte-1mosvcz{transform:translate(-100%)}.collapse-btn.svelte-1mosvcz{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:0;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.35rem .6rem;font-size:.75rem;transition:background .2s;display:flex}.collapse-btn.svelte-1mosvcz:hover{background:#fff3}.controls-sidebar.svelte-1mosvcz h3:where(.svelte-1mosvcz){margin:0 0 .25rem;font-size:1.1rem}.description.svelte-1mosvcz{font-family:var(--font-sans);opacity:.7;margin:0 0 .75rem;font-size:.85rem;line-height:1.6}.how-to.svelte-1mosvcz{font-family:var(--font-sans);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0;margin:0 0 1rem;padding:.6rem .75rem;font-size:.85rem;line-height:1.6}.how-to.svelte-1mosvcz strong:where(.svelte-1mosvcz){color:var(--accent,#fff);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;display:block}.how-to.svelte-1mosvcz p:where(.svelte-1mosvcz){opacity:.8;margin:0}.show-tab.svelte-1mosvcz{z-index:106;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.5px;background:#000000b3;border:1px solid #ffffff26;border-left:none;align-items:center;gap:.3rem;padding:.5rem .5rem .5rem .35rem;font-family:inherit;font-size:.7rem;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.show-tab.svelte-1mosvcz svg:where(.svelte-1mosvcz){transform:rotate(90deg)}.show-tab.svelte-1mosvcz:hover{color:#fff;background:#ffffff26}@media (width<=600px){.controls-sidebar.svelte-1mosvcz{border-top:1px solid #ffffff26;border-right:none;width:100%;max-height:50%;inset:auto 0 0}.controls-sidebar.collapsed.svelte-1mosvcz{transform:translate(0)translateY(100%)}.collapse-btn.svelte-1mosvcz svg:where(.svelte-1mosvcz){transform:rotate(-90deg)}.fullscreen-btn.svelte-1mosvcz{display:none}.show-tab.svelte-1mosvcz{writing-mode:horizontal-tb;border:1px solid #ffffff26;border-bottom:none;flex-direction:row;padding:.35rem .7rem;top:auto;bottom:0;left:50%;transform:translate(-50%)}.show-tab.svelte-1mosvcz svg:where(.svelte-1mosvcz){transform:rotate(0)}}.browse.svelte-hhavlg{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-header.svelte-hhavlg{text-align:center;margin-bottom:2rem}.page-header.svelte-hhavlg h1:where(.svelte-hhavlg){background:linear-gradient(135deg, var(--text), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem}.tagline.svelte-hhavlg{color:var(--text-secondary);margin:.5rem 0 0;font-size:1rem}.grid.svelte-hhavlg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.empty.svelte-hhavlg{text-align:center;color:var(--text-secondary);padding:3rem 0}@media (width<=600px){.grid.svelte-hhavlg{grid-template-columns:1fr}}.nav.svelte-1n46o8q{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.nav-inner.svelte-1n46o8q{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.nav-brand.svelte-1n46o8q{color:var(--text);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav-links.svelte-1n46o8q{align-items:center;gap:1.25rem;display:flex}.nav-links.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.nav-links.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--text)}main.svelte-1n46o8q{min-height:calc(100vh - 60px)}@media (width<=600px){.brand-text.svelte-1n46o8q{display:none}}