.hiw-tile{position:relative;aspect-ratio:4 / 3;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--surface));overflow:hidden}.hiw-tile:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsl(var(--foreground) / .04) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground) / .04) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 120% at 50% 30%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 120% at 50% 30%,#000 35%,transparent 80%)}.hiw-win{position:absolute;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 12px 30px -10px hsl(var(--foreground) / .26),0 4px 10px -4px hsl(var(--foreground) / .1)}.hiw-pill{position:absolute;display:inline-flex;align-items:center;gap:6px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:999px;padding:5px 10px;box-shadow:0 8px 20px -8px hsl(var(--foreground) / .28);font-family:var(--font-mono);font-size:11px;font-weight:600;color:hsl(var(--foreground));white-space:nowrap}.hiw-conn{position:absolute;width:2px;background:linear-gradient(hsl(var(--primary)),transparent)}@keyframes hiw-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hiw-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hiw-ring{0%{box-shadow:0 0 hsl(var(--primary) / .45)}70%,to{box-shadow:0 0 0 12px hsl(var(--primary) / 0)}}@keyframes hiw-shimmer{0%{transform:translate(-130%)}60%,to{transform:translate(330%)}}@keyframes hiw-scandown{0%{top:14%;opacity:0}12%{opacity:1}88%{opacity:1}to{top:86%;opacity:0}}@keyframes hiw-lensdrift{0%,to{left:10%}50%{left:52%}}@keyframes hiw-syncdown{0%{top:30%;opacity:0}15%{opacity:.9}85%{opacity:.9}to{top:86%;opacity:0}}@keyframes hiw-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes hiw-spin{0%,18%{transform:rotate(0)}50%,to{transform:rotate(360deg)}}@keyframes hiw-fadeA{0%,40%{opacity:1}55%,95%{opacity:0}to{opacity:1}}@keyframes hiw-fadeB{0%,40%{opacity:0}55%,95%{opacity:1}to{opacity:0}}@keyframes hiw-glow{0%,to{box-shadow:0 0 hsl(var(--primary) / 0)}50%{box-shadow:0 0 14px 1px hsl(var(--primary) / .5)}}.hiw-breathe{animation:hiw-breathe 3.4s ease-in-out infinite}.hiw-fy{animation:hiw-floaty 3.6s ease-in-out infinite}.hiw-fy2{animation:hiw-floaty 4.2s ease-in-out infinite .6s}.hiw-ringpulse{animation:hiw-ring 2.4s ease-out infinite}.hiw-gen .win{inset:30% 13% 12%;padding:12px}.hiw-gen .swgrid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:6px;height:100%}.hiw-gen .sw{position:relative;border-radius:7px;overflow:hidden}.hiw-gen .sw.active{outline:2px solid hsl(var(--primary));outline-offset:2px}.hiw-gen .base{position:absolute;left:9%;top:9%;width:46px;height:46px;border-radius:12px;box-shadow:0 10px 24px -6px hsl(var(--primary) / .55)}.hiw-gen .conn{left:calc(9% + 22px);top:52px;height:30px}.hiw-gen .hexpill{top:16%;right:8%}.hiw-gen .oklch{bottom:16%;left:6%}.hiw-gen .shine{position:absolute;inset:0}.hiw-gen .shine:after{content:"";position:absolute;top:0;bottom:0;width:40%;transform:translate(-130%);background:linear-gradient(90deg,transparent,hsl(var(--background) / .55),transparent);animation:hiw-shimmer 3.8s ease-in-out infinite}.hiw-val .row{position:absolute;left:10%;right:10%;height:26%;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 11px;box-shadow:0 10px 24px -12px hsl(var(--foreground) / .26)}.hiw-val .r1{top:9%;transform:rotate(-1.2deg)}.hiw-val .r2{top:37%;z-index:2}.hiw-val .r3{top:65%;transform:rotate(1deg)}.hiw-val .aa{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.hiw-val .lab{font-family:var(--font-mono);font-size:11px;color:hsl(var(--text-muted));flex:1}.hiw-val .rat{font-family:var(--font-mono);font-size:11px;color:hsl(var(--foreground))}.hiw-val .verd{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px}.hiw-val .pass{background:hsl(var(--success-bg));color:hsl(var(--success-text))}.hiw-val .fail{background:hsl(var(--error-bg));color:hsl(var(--error-text))}.hiw-val .scan{position:absolute;left:8%;right:8%;top:50%;opacity:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary) / .9),transparent);animation:hiw-scandown 2.8s ease-in-out infinite}.hiw-val .badge{top:6%;right:5%;z-index:3;color:hsl(var(--success-text));border-color:hsl(var(--success) / .4)}.hiw-lens .panel{position:absolute;inset:20% 9% 18%;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 12px 30px -14px hsl(var(--foreground) / .26);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 16px}.hiw-lens .statchip{align-self:flex-start;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px}.hiw-lens .lens{position:absolute;left:30%;top:26%;width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid hsl(var(--card));box-shadow:0 14px 30px -8px hsl(var(--foreground) / .38),inset 0 0 0 1px hsl(var(--border));background:hsl(var(--card));animation:hiw-lensdrift 5.5s ease-in-out infinite}.hiw-lens .lensinner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 16px}.hiw-lens .lensinner .statchip{font-size:11px;padding:5px 12px}.hiw-lens .modepill{top:9%}.hiw-lens .m1{left:9%}.hiw-lens .m2{right:9%}.hiw-fig .logowrap{position:absolute;left:50%;top:13%;transform:translate(-50%);border-radius:50%;padding:6px}.hiw-fig .logoimg{display:block;height:48px;width:auto}.hiw-fig .conn{left:50%;top:30%;height:26px;transform:translate(-50%)}.hiw-fig .win{inset:42% 12% 10%;padding:11px 12px;overflow:hidden}.hiw-fig .vhead{display:flex;align-items:center;gap:7px;margin-bottom:9px}.hiw-fig .logimg-sm{display:block;height:13px;width:auto}.hiw-fig .vt{font-size:12px;font-weight:600;color:hsl(var(--foreground))}.hiw-fig .vcount{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:hsl(var(--text-muted));border:1px solid hsl(var(--border));border-radius:6px;padding:2px 6px}.hiw-fig .vrow{display:flex;align-items:center;gap:9px;padding:4px 0}.hiw-fig .vs{width:15px;height:15px;border-radius:4px;flex:none}.hiw-fig .vn{font-size:12px;color:hsl(var(--foreground))}.hiw-fig .vh{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:hsl(var(--text-muted))}.hiw-fig .sync{position:absolute;left:6%;right:6%;top:30%;opacity:0;height:22px;border-radius:6px;background:linear-gradient(90deg,hsl(var(--primary) / 0),hsl(var(--primary) / .14),hsl(var(--primary) / 0));animation:hiw-syncdown 3s ease-in-out infinite}.hiw-fig .clickpill{bottom:13%;right:7%;z-index:4}.hiw-exp .editor{position:absolute;inset:11% 9%;background:hsl(var(--foreground));border-radius:12px;box-shadow:0 16px 34px -12px hsl(var(--foreground) / .5);overflow:hidden}.hiw-exp .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid hsl(var(--background) / .08)}.hiw-exp .tl{width:9px;height:9px;border-radius:50%}.hiw-exp .tabs{display:flex;gap:6px;padding:10px 12px 4px}.hiw-exp .tab{font-family:var(--font-mono);font-size:10px;padding:3px 9px;border-radius:6px;color:hsl(var(--background) / .55)}.hiw-exp .tab.on{background:hsl(var(--primary));color:hsl(var(--background));animation:hiw-glow 2.6s ease-in-out infinite}.hiw-exp .code{padding:6px 12px 12px}.hiw-exp .ln{display:flex;gap:12px;font-family:var(--font-mono);font-size:11.5px;line-height:1.85}.hiw-exp .g{color:hsl(var(--background) / .3);width:10px;text-align:right}.hiw-exp .caret{display:inline-block;width:7px;height:14px;background:hsl(var(--background));vertical-align:-2px;margin-left:2px;animation:hiw-caret 1.1s steps(1) infinite}.hiw-exp .copied{top:12%;right:7%;z-index:4;color:hsl(var(--success-text));border-color:hsl(var(--success) / .4)}.hiw-mnt .dial{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:78px;height:78px}.hiw-mnt .dialchip{position:relative;width:78px;height:78px;border-radius:18px;box-shadow:0 12px 26px -8px hsl(var(--primary) / .5)}.hiw-mnt .dlayer{position:absolute;inset:0;border-radius:18px}.hiw-mnt .knob{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 4px 10px -3px hsl(var(--foreground) / .38);z-index:2}.hiw-mnt .dlabel{top:24%;left:6%}.hiw-mnt .refresh{position:absolute;left:43%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;color:hsl(var(--primary))}.hiw-mnt .refresh svg{width:100%;height:100%;transform-origin:50% 50%;animation:hiw-spin 3.4s ease-in-out infinite}.hiw-mnt .sys{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:42%}.hiw-mnt .sysramp{position:relative;display:flex;height:22px;border-radius:7px;overflow:hidden;box-shadow:0 8px 20px -8px hsl(var(--foreground) / .28)}.hiw-mnt .layer{position:absolute;inset:0;display:flex}.hiw-mnt .layer span{flex:1}.hiw-mnt .chips{position:relative;display:flex;gap:7px;margin-top:9px;height:26px}.hiw-mnt .clayer{position:absolute;inset:0;display:flex;gap:7px}.hiw-mnt .clayer .c{flex:1;border-radius:7px;box-shadow:0 6px 14px -6px hsl(var(--foreground) / .28)}.hiw-mnt .fadeA{animation:hiw-fadeA 5.4s ease-in-out infinite}.hiw-mnt .fadeB{opacity:0;animation:hiw-fadeB 5.4s ease-in-out infinite}