:root{--home-bg: #0a0a0c;--home-surface: #131318;--home-surface-hover: #1c1c26;--home-border: #222230;--home-border-accent: #2a2a3a;--home-text: #e8e8ed;--home-text-muted: #8888a0;--home-accent: #d4a843;--home-accent-glow: rgba(212, 168, 67, .15);--home-scanline: rgba(255, 255, 255, .015);--font-display: "Syne", sans-serif;--font-body: "IBM Plex Sans", sans-serif}.home{min-height:100vh;padding:3rem 2rem 2rem;background:var(--home-bg);color:var(--home-text);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:var(--font-body);position:relative;overflow-x:hidden}.home:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--home-scanline) 2px,var(--home-scanline) 4px);pointer-events:none;z-index:1}.home:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}.home-header{text-align:center;margin-bottom:3.5rem;position:relative;z-index:2;animation:headerFadeIn .8s ease-out both}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-header h1{font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem;background:linear-gradient(135deg,#ffffff 0%,var(--home-accent) 50%,#ffffff 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(212,168,67,.15))}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-header p{color:var(--home-text-muted);font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.home-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;margin-bottom:2rem;position:relative;z-index:2}.nav-section{background:linear-gradient(168deg,rgba(255,255,255,.04) 0%,transparent 40%),var(--home-surface);padding:1.75rem;border-radius:16px;border:1px solid var(--home-border);position:relative;overflow:hidden;animation:sectionSlideIn .6s ease-out both;transition:border-color .35s ease,box-shadow .35s ease}.nav-section:hover{border-color:var(--section-accent, var(--home-border-accent));box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--section-accent-dim, transparent),inset 0 1px #ffffff0a}.nav-section:nth-child(1){animation-delay:.15s;--section-accent: rgba(255,255,255,.15);--section-accent-dim: rgba(255,255,255,.05)}.nav-section:nth-child(2){animation-delay:.3s;--section-accent: rgba(212,168,67,.3);--section-accent-dim: rgba(212,168,67,.08)}.nav-section:nth-child(3){animation-delay:.45s;--section-accent: rgba(123,92,255,.3);--section-accent-dim: rgba(123,92,255,.08)}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.nav-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.nav-section:nth-child(1):before{background:linear-gradient(90deg,transparent,#ffffff,#cccccc,#888888,transparent)}.nav-section:nth-child(2):before{background:linear-gradient(90deg,transparent,var(--home-accent),#e8c460,var(--home-accent),transparent)}.nav-section:nth-child(3):before{background:linear-gradient(90deg,transparent,#7b5cff,#5c8aff,#5cffa5,transparent)}.nav-section:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity .4s ease;pointer-events:none}.nav-section:nth-child(1):after{background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%)}.nav-section:nth-child(2):after{background:radial-gradient(circle,rgba(212,168,67,.1),transparent 70%)}.nav-section:nth-child(3):after{background:radial-gradient(circle,rgba(123,92,255,.1),transparent 70%)}.nav-section:hover:after{opacity:1}.nav-section h2{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--home-border);color:var(--home-text-muted);display:flex;align-items:center;gap:8px}.nav-section h2 .count{font-family:var(--font-body);font-size:.65rem;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--home-text-muted);padding:2px 7px;border-radius:10px;letter-spacing:0}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-links a{color:var(--home-text);text-decoration:none;padding:.6rem .75rem;border-radius:10px;transition:all .2s ease;font-size:.92rem;font-weight:500;display:flex;align-items:center;gap:12px;position:relative;border:1px solid transparent}.nav-links a:hover{background:var(--home-surface-hover);border-color:#ffffff0d;transform:translate(4px);box-shadow:0 2px 12px #0003}.nav-links a:active{transform:translate(4px) scale(.98)}.nav-links a:after{content:"›";position:absolute;right:12px;font-size:1.3rem;color:var(--home-text-muted);opacity:0;transform:translate(-6px);transition:all .2s ease}.nav-links a:hover:after{opacity:.6;transform:translate(0)}.nav-links a .swatch{width:18px;height:18px;border-radius:6px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 0 0 0 transparent,inset 0 1px 2px #ffffff26;transition:all .25s ease;position:relative}.nav-links a .swatch:after{content:"";position:absolute;inset:2px;border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%)}.nav-links a:hover .swatch{box-shadow:0 0 12px 3px var(--swatch-glow, rgba(255,255,255,.2)),inset 0 1px 2px #ffffff26;transform:scale(1.15);border-color:#fff3}.swatch-white{background:linear-gradient(135deg,#fff,#e0e0e0);--swatch-glow: rgba(255,255,255,.35)}.swatch-black{background:linear-gradient(135deg,#2a2a2a,#0a0a0a);border-color:#fff3!important;--swatch-glow: rgba(255,255,255,.1)}.swatch-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);--swatch-glow: rgba(59,130,246,.5)}.swatch-red{background:linear-gradient(135deg,#ef4444,#b91c1c);--swatch-glow: rgba(239,68,68,.5)}.swatch-green{background:linear-gradient(135deg,#22c55e,#15803d);--swatch-glow: rgba(34,197,94,.5)}.swatch-yellow{background:linear-gradient(135deg,#facc15,#ca8a04);--swatch-glow: rgba(250,204,21,.5)}.swatch-cyan{background:linear-gradient(135deg,#22d3ee,#0891b2);--swatch-glow: rgba(34,211,238,.5)}.swatch-magenta{background:linear-gradient(135deg,#e879f9,#a21caf);--swatch-glow: rgba(232,121,249,.5)}.swatch-gray{background:linear-gradient(135deg,#9ca3af,#4b5563);--swatch-glow: rgba(156,163,175,.4)}.nav-links a .icon-dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#d4a84333,#d4a8430d);border:1px solid rgba(212,168,67,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.nav-links a .icon-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--home-accent);opacity:.6;transition:all .25s ease}.nav-links a:hover .icon-dot{background:linear-gradient(135deg,#d4a8434d,#d4a8431a);border-color:#d4a84359;box-shadow:0 0 10px #d4a84326;transform:scale(1.15)}.nav-links a:hover .icon-dot:after{opacity:1;box-shadow:0 0 6px #d4a84399}.nav-links a .icon-tri{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#7b5cff26,#5c8aff0d);border:1px solid rgba(123,92,255,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-links a .icon-tri:after{content:"";width:0;height:0;border-left:5px solid #7b5cff;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;margin-left:1px;transition:all .3s ease}.nav-links a:hover .icon-tri{background:linear-gradient(135deg,#7b5cff40,#5cffa51a);border-color:#7b5cff59;box-shadow:0 0 10px #7b5cff26;transform:scale(1.15)}.nav-links a:hover .icon-tri:after{border-left-color:#5cffa5}.home-footer{margin-top:auto;padding-top:2.5rem;text-align:center;position:relative;z-index:2;animation:footerFadeIn .8s ease-out .7s both}@keyframes footerFadeIn{0%{opacity:0}to{opacity:1}}.home-footer p{margin:.25rem 0;color:var(--home-text-muted);font-size:.82rem;letter-spacing:.02em}.home-footer .mobile-hint{display:none}.home-footer kbd{background:linear-gradient(180deg,#1e1e28,#16161e);border:1px solid var(--home-border);border-bottom-width:2px;padding:.2rem .55rem;border-radius:5px;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--home-accent);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0a}@media(max-width:900px){.home-nav{grid-template-columns:1fr 1fr}}@media(max-width:768px){.home{padding:1.5rem 1rem}.home-header{margin-bottom:2rem}.home-header h1{font-size:2.25rem}.home-nav{grid-template-columns:1fr;gap:1.25rem}.nav-section{padding:1.25rem}.nav-links a{padding:.85rem .75rem;font-size:.95rem;min-height:44px}.home-footer p:first-child{display:none}.home-footer .mobile-hint{display:block}}@media(max-width:480px){.home{padding:1rem .75rem}.home-header h1{font-size:1.85rem}.home-header p{font-size:.78rem}.nav-section{padding:1rem}.nav-section h2{font-size:.72rem}.nav-links a{padding:.75rem;font-size:.9rem}}.color-picker{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.preset-colors{display:flex;gap:5px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:6px;border:1.5px solid rgba(255,255,255,.1);transition:all .2s ease;position:relative;cursor:pointer;box-shadow:inset 0 1px 2px #ffffff26}.color-swatch:hover{transform:scale(1.15);border-color:#fff6;box-shadow:0 0 10px #ffffff1a,inset 0 1px 2px #ffffff26}.color-swatch.selected{border:2px solid rgba(212,168,67,.8);box-shadow:0 0 0 2px #d4a84340,0 0 12px #d4a84333;transform:scale(1.1)}.custom-color{display:flex;align-items:center;gap:.4rem}.custom-color-btn{padding:.35rem .7rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:.75rem;font-family:IBM Plex Sans,-apple-system,sans-serif;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.custom-color-btn:hover{background:#ffffff24;border-color:#fff3;color:#ffffffe6}.color-input{width:40px;height:28px;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;background:transparent}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:4px}@media(max-width:768px){.color-swatch{width:36px;height:36px;min-width:36px;min-height:36px}.color-input{width:52px;height:36px;min-width:52px;min-height:36px}.custom-color-btn{padding:.5rem 1rem;font-size:.85rem;min-height:44px}}@media(max-width:480px){.color-picker{padding:.6rem}.preset-colors{gap:6px}.color-swatch{width:32px;height:32px}}.fullscreen-btn{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.9rem 2.2rem;font-size:1rem;font-family:IBM Plex Sans,-apple-system,sans-serif;font-weight:600;letter-spacing:.04em;background:#0a0a0ed9;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);border-radius:14px;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;cursor:pointer;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.fullscreen-btn:hover{background:#0a0a0ef2;border-color:#d4a8434d;transform:translate(-50%,-50%) scale(1.04);box-shadow:0 12px 40px #00000080,0 0 0 1px #d4a84326,0 0 20px #d4a84314,inset 0 1px #ffffff14;color:#fff}.fullscreen-btn:active{transform:translate(-50%,-50%) scale(.97);transition-duration:.1s}.fullscreen-btn.exit{top:20px;left:auto;right:20px;transform:none;padding:.5rem 1.1rem;font-size:.82rem;opacity:1;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:10px;background:#0a0a0ebf;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}.fullscreen-btn.exit.hidden{opacity:0;pointer-events:none}.fullscreen-btn.exit.visible{opacity:1;pointer-events:auto}.fullscreen-btn.exit:hover{transform:scale(1.05);background:#0a0a0ee6;border-color:#ff50504d;box-shadow:0 6px 20px #0006,0 0 12px #ff505014,inset 0 1px #ffffff0f}.fullscreen-btn.mobile{padding:1rem 1.8rem;font-size:1rem;min-height:48px;min-width:140px;border-radius:16px}.fullscreen-btn.exit.mobile{top:12px;right:12px;padding:.7rem 1.3rem;font-size:.9rem;min-height:44px;min-width:100px;background:#0a0a0ed9}.fullscreen-btn.exit.mobile.visible{opacity:1!important;pointer-events:auto!important}@media(max-width:768px){.fullscreen-btn{padding:.9rem 1.8rem;font-size:.95rem}.fullscreen-btn.exit{top:12px;right:12px;padding:.65rem 1.1rem;font-size:.85rem}}@media(max-width:480px){.fullscreen-btn{padding:.8rem 1.4rem;font-size:.9rem}.fullscreen-btn.exit{top:8px;right:8px;padding:.55rem .9rem;font-size:.82rem}}.nav-link{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:1000;padding:.55rem 1.5rem;font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.04em;background:#0a0a0ec7;color:#ffffffd9;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-tap-highlight-color:transparent;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0d}.nav-link:before{content:"←";font-size:1rem;opacity:.6;transition:all .2s ease}.nav-link:hover{background:#0a0a0eeb;border-color:#ffffff2e;color:#fff;transform:translate(-50%) translateY(-2px);box-shadow:0 8px 30px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14}.nav-link:hover:before{opacity:1;transform:translate(-2px)}.nav-link:active{transform:translate(-50%) scale(.96);transition-duration:.1s}@media(max-width:768px){.nav-link{bottom:20px;padding:.6rem 1.4rem;font-size:.84rem}}@media(max-width:480px){.nav-link{bottom:16px;padding:.5rem 1.2rem;font-size:.8rem}}.color-screen{width:100vw;height:100vh;position:relative;transition:background-color .3s}.color-screen-controls{position:fixed;top:20px;left:20px;z-index:100;max-width:300px}.download-section{margin-top:1rem;padding:1rem;background:#0000001a;border-radius:8px;backdrop-filter:blur(10px)}.download-section h3{color:#000;margin-bottom:.5rem;font-size:1rem}.resolution-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.download-btn{padding:.5rem 1rem;background:#ffffffe6;border-radius:4px;font-size:.85rem;transition:all .2s}.download-btn:hover{background:#fff;transform:scale(1.05)}.download-btn:active{transform:scale(.95)}@media(max-width:768px){.color-screen-controls{top:10px;left:10px;right:10px;max-width:none;width:calc(100% - 20px)}.download-section{padding:.875rem}.download-btn{padding:.75rem 1rem;font-size:.9rem;min-height:44px;flex:1;min-width:100px}.resolution-buttons{gap:.625rem}}@media(max-width:480px){.color-screen-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px)}.download-section{padding:.75rem}.download-btn{padding:.625rem .875rem;font-size:.85rem;min-width:80px}}.lighting-screen{width:100vw;height:100vh;position:relative}.lighting-background{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .3s,opacity .1s}.lighting-controls{position:fixed;top:20px;left:20px;z-index:100;background:linear-gradient(168deg,rgba(255,255,255,.05) 0%,transparent 40%),#0a0a10e0;color:#ffffffe6;padding:1.25rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);min-width:260px;max-width:320px;max-height:90vh;overflow-y:auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f;font-family:IBM Plex Sans,-apple-system,sans-serif}.lighting-controls::-webkit-scrollbar{width:4px}.lighting-controls::-webkit-scrollbar-track{background:transparent}.lighting-controls::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.control-group{margin-bottom:.85rem}.control-group label{display:block;margin-bottom:.5rem;font-size:.82rem;font-weight:500;color:#ffffffa6;letter-spacing:.02em}.control-group select{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.6rem 2rem .6rem .85rem;border-radius:10px;font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:10px;box-shadow:inset 0 1px 2px #0003}.control-group select:hover{background-color:#ffffff1f;border-color:#fff3}.control-group select:focus{background-color:#ffffff1f;border-color:#d4a84366;box-shadow:0 0 0 3px #d4a8431a,inset 0 1px 2px #0003;outline:none}.control-group select option{background-color:#1a1a24;color:#fff}.control-group input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff14;border-radius:3px;outline:none;margin-top:2px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fff,#d0d0d0);cursor:pointer;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000004d,0 0 0 2px #ffffff1a;transition:all .15s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #0006,0 0 0 3px #d4a84333}.control-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fff,#d0d0d0);cursor:pointer;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000004d}.control-group input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff0d;cursor:pointer;vertical-align:middle;margin-right:.5rem;position:relative;transition:all .2s ease}.control-group input[type=checkbox]:hover{border-color:#ffffff59;background:#ffffff1a}.control-group input[type=checkbox]:checked{background:#d4a84340;border-color:#d4a84380}.control-group input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid rgba(212,168,67,1);border-width:0 2px 2px 0;transform:rotate(45deg)}.control-group.color-selection{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.07)}.color-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:.75rem;max-height:130px;overflow-y:auto}.preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:.6rem;min-height:52px;font-family:inherit}.preset-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.preset-btn:active{transform:scale(.95)}.preset-colors-preview{display:flex;width:100%;height:18px;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.preset-colors-preview span{flex:1;height:100%}.preset-name{font-size:.58rem;opacity:.7;text-align:center;line-height:1.1;font-weight:500}.color-pickers-row{display:flex;gap:.75rem;margin-top:.5rem}.color-picker-group{flex:1}.color-picker-group label{display:block;margin-bottom:.35rem;font-size:.75rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}.strobe-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(168deg,rgba(255,60,60,.1) 0%,transparent 40%),#0a0a10f2;color:#fff;padding:2rem;border-radius:18px;border:1px solid rgba(255,60,60,.25);text-align:center;z-index:10000;max-width:400px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 60px #0009,0 0 40px #ff3c3c14;font-family:IBM Plex Sans,-apple-system,sans-serif;animation:warningSlideIn .3s ease-out}@keyframes warningSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.strobe-warning h2{margin-bottom:1rem;font-size:1.3rem;font-family:Syne,sans-serif;font-weight:700;color:#ff6b6b}.strobe-warning p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.strobe-warning button{margin-top:1.25rem;padding:.7rem 2rem;background:#ff3c3c26;color:#ff6b6b;border:1px solid rgba(255,60,60,.3);border-radius:10px;font-weight:600;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.strobe-warning button:hover{background:#ff3c3c40;border-color:#ff3c3c80;box-shadow:0 0 16px #ff3c3c26}.stop-strobe-btn{position:fixed;top:calc(50% + 80px);left:50%;transform:translate(-50%,-50%);z-index:1001;padding:.85rem 2rem;font-size:1rem;font-family:IBM Plex Sans,-apple-system,sans-serif;font-weight:600;letter-spacing:.03em;background:#0a0a10d9;color:#ff6b6b;border:1px solid rgba(255,60,60,.3);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 20px #ff3c3c14}.stop-strobe-btn:hover{background:#0a0a10f2;border-color:#ff3c3c80;transform:translate(-50%,-50%) scale(1.04);box-shadow:0 12px 40px #00000080,0 0 30px #ff3c3c1f}@media(max-width:768px){.lighting-controls{top:12px;left:12px;right:12px;min-width:auto;max-width:none;width:calc(100% - 24px);padding:1rem;max-height:85vh}.control-group{margin-bottom:1rem}.control-group label{font-size:.88rem;margin-bottom:.625rem}.control-group select{padding:.7rem 2.5rem .7rem 1rem;font-size:1rem;min-height:44px}.preset-btn{min-height:60px;padding:8px 6px;font-size:.7rem}.strobe-warning{left:12px;right:12px;max-width:none;width:calc(100% - 24px);transform:translateY(-50%);padding:1.5rem}.strobe-warning button{padding:1rem 1.5rem;font-size:1rem;min-height:44px;width:100%}.stop-strobe-btn{padding:1rem 1.5rem;font-size:1.1rem;min-height:50px;min-width:200px}}@media(max-width:480px){.lighting-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.85rem}.color-presets{grid-template-columns:repeat(3,1fr)}}.screen-cleaning{width:100vw;height:100vh;transition:background-color .5s}.cleaning-controls{position:fixed;top:20px;left:20px;z-index:100;background:#000c;color:#fff;padding:1.5rem;border-radius:8px;min-width:250px}.color-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.current-color{width:60px;height:60px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.control-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.auto-cycle{margin-top:1rem}.auto-cycle label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.auto-cycle input[type=range]{width:100%;margin-top:.5rem}.cleaning-instructions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:#000c;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem}.cleaning-instructions p{margin:0;opacity:.9}.cleaning-instructions kbd{background:#fff3;padding:.2rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem}@media(max-width:768px){.cleaning-controls{top:10px;left:10px;right:10px;min-width:auto;width:calc(100% - 20px);padding:1rem}.control-buttons button{padding:1rem;font-size:1rem;min-height:44px}.cleaning-instructions{bottom:10px;left:10px;right:10px;transform:none;width:calc(100% - 20px);padding:1rem;font-size:.85rem}}@media(max-width:480px){.cleaning-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.875rem}.current-color{width:50px;height:50px}.cleaning-instructions{bottom:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.875rem;font-size:.8rem}}.dead-pixel-test{width:100vw;height:100vh;transition:background-color .3s}.test-controls{position:fixed;top:20px;left:20px;z-index:100;background:#000c;color:#fff;padding:1.5rem;border-radius:8px;min-width:250px}.test-controls h3{margin-bottom:.5rem}.test-controls p{margin-bottom:1rem;opacity:.8;font-size:.9rem}.color-info{display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem;background:#ffffff1a;border-radius:4px}.control-buttons{display:flex;gap:.5rem}.control-buttons button{flex:1;padding:.75rem;background:#fff3;color:#fff;border-radius:6px;transition:all .2s}.control-buttons button:hover{background:#ffffff4d}.test-instructions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:#000c;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem}.test-instructions p{margin:0;opacity:.9}.test-instructions kbd{background:#fff3;padding:.2rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem}@media(max-width:768px){.test-controls{top:10px;left:10px;right:10px;min-width:auto;width:calc(100% - 20px);padding:1rem}.control-buttons button{padding:1rem;font-size:1rem;min-height:44px}.test-instructions{bottom:10px;left:10px;right:10px;transform:none;width:calc(100% - 20px);padding:1rem;font-size:.85rem}}@media(max-width:480px){.test-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.875rem}.test-instructions{bottom:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.875rem;font-size:.8rem}}.screen-testing{width:100vw;height:100vh;position:relative}.testing-controls{position:fixed;top:20px;left:20px;z-index:100;background:#000c;color:#fff;padding:1.5rem;border-radius:8px;min-width:250px}.testing-controls h3{margin-bottom:1rem}.testing-controls select{width:100%;background-color:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 2rem .5rem .75rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.testing-controls select:hover{background-color:#ffffff40;border-color:#ffffff80;box-shadow:0 2px 8px #0003}.testing-controls select:focus{background-color:#ffffff40;border-color:#fff9;box-shadow:0 0 0 3px #fff3,0 2px 8px #0003;outline:none}.testing-controls select option{background-color:#333;color:#fff}.test-container{width:100%;height:100%}.uniformity-test{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:80%;max-width:600px;aspect-ratio:1}.grid-cell{background:#80808080;border:1px solid rgba(0,0,0,.2)}.gradient-test{width:100%;height:100%}.gradient-horizontal{background:linear-gradient(to right,#000,#fff)}.gradient-vertical{background:linear-gradient(to bottom,#000,#fff)}.sharpness-test{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#fff;color:#000}.text-sample{font-family:Courier New,monospace}.text-sample.small{font-size:12px}.text-sample.medium{font-size:24px}.text-sample.large{font-size:48px}.text-sample.xlarge{font-size:96px}.calibration-bars{width:100%;height:100%;display:flex;flex-direction:column}.calibration-bar{flex:1;width:100%}@media(max-width:768px){.testing-controls{top:10px;left:10px;right:10px;min-width:auto;width:calc(100% - 20px);padding:1rem}.testing-controls select{padding:.625rem 2.5rem .625rem 1rem;font-size:1rem;min-height:44px}.test-grid{width:95%;gap:1px}.text-sample.xlarge{font-size:64px}.text-sample.large{font-size:36px}}@media(max-width:480px){.testing-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.875rem}.text-sample.xlarge{font-size:48px}.text-sample.large{font-size:28px}.text-sample.medium{font-size:20px}}.broken-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;margin:0;padding:0;overflow:hidden}.broken-screen-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.broken-screen-container canvas{display:block;width:100%;height:100%;margin:0;padding:0}.tv-static{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.static-canvas{width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}.boot-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.boot-controls{position:fixed;top:20px;left:20px;z-index:100;background:#000c;color:#fff;padding:1rem;border-radius:8px}.boot-controls label{display:flex;align-items:center;gap:.5rem}.boot-controls select{background-color:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 2rem .5rem .75rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.boot-controls select:hover{background-color:#ffffff40;border-color:#ffffff80;box-shadow:0 2px 8px #0003}.boot-controls select:focus{background-color:#ffffff40;border-color:#fff9;box-shadow:0 0 0 3px #fff3,0 2px 8px #0003;outline:none}.boot-controls select option{background-color:#333;color:#fff}.windows-boot{display:flex;flex-direction:column;align-items:center;gap:3rem}.windows-logo{animation:fadeIn .5s ease-in}.boot-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:300px}.spinning-dots{font-size:1.5rem;height:1.5rem;color:#ffffffe6}.spinning-dots span{opacity:0;transition:opacity .2s}.spinning-dots span.active{opacity:1}.progress-container{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#fff;border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}.progress-text{font-size:.9rem;opacity:.8;font-weight:300}.mac-boot{display:flex;flex-direction:column;align-items:center;gap:3rem}.apple-logo{font-size:5rem;animation:fadeIn .8s ease-in,pulse 2s ease-in-out infinite}.mac-progress{width:200px;height:3px;background:#fff3}.mac-bar{background:linear-gradient(90deg,#fffc,#fff)}.linux-boot{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:2rem;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.4}.terminal-output{width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.terminal-line{white-space:pre;color:#0f0;margin:0;padding:0;font-weight:400}.terminal-line:last-child{display:inline}.cursor{display:inline-block;background:#0f0;width:.6rem;height:1.2rem;margin-left:.2rem;animation:blink 1s infinite;vertical-align:baseline}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.boot-controls{top:10px;left:10px;right:10px;width:calc(100% - 20px);padding:.875rem}.boot-controls select{width:100%;padding:.625rem 2.5rem .625rem 1rem;font-size:1rem;min-height:44px}.boot-status{min-width:auto;width:90%}.linux-boot{padding:1rem;font-size:.8rem}.apple-logo{font-size:4rem}}@media(max-width:480px){.boot-controls{top:8px;left:8px;right:8px;width:calc(100% - 16px);padding:.75rem}.windows-boot,.mac-boot{gap:2rem}.apple-logo{font-size:3rem}.linux-boot{padding:.75rem;font-size:.75rem}}.matrix-rain{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.matrix-canvas{width:100%;height:100%;display:block}.starfield{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.starfield-canvas{width:100%;height:100%;display:block}.starfield-controls{position:fixed;top:20px;left:20px;z-index:100;background:#000c;color:#fff;padding:1rem;border-radius:8px;min-width:250px}.starfield-controls label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.starfield-controls input[type=range]{width:100%}.particles{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.particles-canvas{width:100%;height:100%;display:block}.kaleidoscope{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;margin:0;padding:0;overflow:hidden}.kaleidoscope-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.kaleidoscope-container canvas{display:block;width:100%;height:100%;margin:0;padding:0}.perlin-noise{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;margin:0;padding:0;overflow:hidden}.perlin-noise-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.perlin-noise-container canvas{display:block;width:100%;height:100%;margin:0;padding:0}.download-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#4a90e2,#357abd);display:flex;align-items:center;justify-content:center}.download-container{background:#fff;padding:2rem;border-radius:12px;max-width:600px;width:100%;box-shadow:0 10px 40px #0003}.download-container h1{margin-bottom:2rem;color:#333}.download-controls{display:flex;flex-direction:column;gap:2rem}.control-section{display:flex;flex-direction:column;gap:1rem}.control-section h3{font-size:1.1rem;color:#555;margin-bottom:.5rem}.control-section label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.control-section select{padding:.5rem 2rem .5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;background-color:#fff;color:#333;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.control-section select:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e226}.control-section select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a,0 2px 8px #4a90e226;outline:none}.control-section select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.custom-dimensions{display:flex;align-items:center;gap:.5rem}.custom-dimensions input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.download-button{padding:1rem 2rem;background:#4a90e2;color:#fff;border-radius:8px;font-size:1.1rem;font-weight:700;transition:all .3s}.download-button:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.download-button:active{transform:translateY(0)}@media(max-width:768px){.download-page{padding:1rem}.download-container{padding:1.5rem}.download-container h1{font-size:1.5rem;margin-bottom:1.5rem}.control-section select{padding:.625rem 2.5rem .625rem 1rem;font-size:1rem;min-height:44px}.custom-dimensions input{padding:.625rem;font-size:.95rem;min-height:44px}.download-button{padding:1rem 1.5rem;font-size:1rem;min-height:50px;width:100%}}@media(max-width:480px){.download-page{padding:.75rem}.download-container{padding:1.25rem}.download-container h1{font-size:1.25rem}.custom-dimensions{flex-direction:column;gap:.75rem}.custom-dimensions input{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{width:100vw;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select{font-family:inherit;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.95rem;color:#333;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}select:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e226}select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a,0 2px 8px #4a90e226;outline:none}select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}@media(max-width:768px){button,a,select,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{min-height:44px;min-width:44px}select,input[type=text],input[type=number],input[type=color]{min-height:44px;font-size:16px}}