.signal-looks{padding:120px 0;border-top:1px solid var(--line)}
.looks-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:end;margin-bottom:48px}.looks-heading h2{font-size:clamp(58px,8vw,112px);line-height:.78;letter-spacing:-.09em;margin:0}.looks-heading h2 em{font-style:normal;color:var(--pink)}.looks-heading>p:last-child{font-size:18px;line-height:1.5;color:#b8bac1;max-width:440px;margin:0 0 5px}
.looks-console{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);border:1px solid var(--line);background:#0b0d18;min-height:560px}.look-stage{position:relative;overflow:hidden;isolation:isolate;min-height:560px;background:radial-gradient(circle at 50% 34%,#172340 0,#090a14 58%)}.look-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(4,5,12,.1) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.look-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(79,234,255,.25) 49%,transparent 53%),linear-gradient(300deg,transparent 37%,rgba(255,62,157,.24) 49%,transparent 54%);background-size:230% 100%;animation:signalSweep 5s linear infinite}.look-stage img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center 27%;display:block;opacity:.94;filter:contrast(1.12) saturate(1.2)}.stage-top,.stage-caption{position:absolute;z-index:4;font:11px "DM Mono",monospace;letter-spacing:.08em;color:var(--acid)}.stage-top{top:17px;left:18px;right:18px;display:flex;justify-content:space-between;gap:16px}.stage-caption{bottom:18px;left:18px;padding:8px 10px;background:#080914d9}.stage-glow{position:absolute;z-index:1;inset:15%;background:radial-gradient(ellipse at center,rgba(79,234,255,.36),transparent 60%);filter:blur(28px);animation:glowPulse 2.4s ease-in-out infinite}
.look-list{border-left:1px solid var(--line);display:flex;flex-direction:column}.look-card{appearance:none;background:transparent;color:var(--paper);text-align:left;border:0;border-bottom:1px solid var(--line);padding:16px 18px;cursor:pointer;flex:1;transition:background .18s,color .18s,transform .18s}.look-card:last-child{border-bottom:0}.look-card span{display:block;font:10px "DM Mono",monospace;text-transform:uppercase;color:#858792;margin-bottom:5px}.look-card strong{display:block;font-size:19px;letter-spacing:-.045em}.look-card i{display:block;font:11px/1.35 "DM Mono",monospace;color:#a9abb4;font-style:normal;margin-top:4px}.look-card:hover,.look-card:focus-visible,.look-card.active{background:linear-gradient(100deg,rgba(255,62,157,.2),rgba(79,234,255,.08));outline:none}.look-card.active{box-shadow:inset 4px 0 var(--acid)}.look-card.active span{color:var(--acid)}
.looks-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:20px;font:11px "DM Mono",monospace;color:#858792}.looks-actions span{margin-left:auto}
.looks-console[data-active-look="flash"] .look-stage img{filter:contrast(1.35) saturate(.75) brightness(1.16);transform:scale(1.025)}.looks-console[data-active-look="flash"] .look-stage:after{background:linear-gradient(110deg,rgba(255,255,255,.58),transparent 26%),linear-gradient(280deg,transparent 58%,rgba(255,62,157,.28) 68%,transparent 80%);animation-duration:3.2s}.looks-console[data-active-look="flash"] .stage-glow{background:radial-gradient(circle at 48% 35%,rgba(255,255,255,.64),transparent 40%)}
.looks-console[data-active-look="crt"] .look-stage img{filter:contrast(1.3) saturate(.78) hue-rotate(25deg);transform:scale(1.01) translateX(2px)}.looks-console[data-active-look="crt"] .look-stage:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 2px,rgba(255,255,255,.05) 2px 3px);mix-blend-mode:normal}.looks-console[data-active-look="crt"] .stage-glow{background:radial-gradient(ellipse at center,rgba(217,255,54,.32),transparent 60%)}
.looks-console[data-active-look="dither"] .look-stage img{filter:grayscale(1) contrast(2.1) brightness(.82);image-rendering:pixelated}.looks-console[data-active-look="dither"] .look-stage:after{background:radial-gradient(circle,rgba(79,234,255,.32) 1px,transparent 1.8px);background-size:7px 7px;mix-blend-mode:screen}.looks-console[data-active-look="dither"] .stage-glow{background:radial-gradient(ellipse at center,rgba(79,234,255,.35),transparent 65%)}
.looks-console[data-active-look="phosphor"] .look-stage img{filter:saturate(1.7) contrast(1.24) hue-rotate(-15deg)}.looks-console[data-active-look="phosphor"] .look-stage:after{background:linear-gradient(90deg,rgba(255,62,157,.4),transparent 30%,rgba(79,234,255,.36) 65%,transparent);mix-blend-mode:screen;animation-duration:4s}.looks-console[data-active-look="phosphor"] .stage-glow{background:radial-gradient(ellipse at center,rgba(255,62,157,.52),transparent 65%)}
.looks-console[data-active-look="receipt"] .look-stage img{filter:grayscale(1) contrast(1.55) sepia(.38);transform:scale(1.04)}.looks-console[data-active-look="receipt"] .look-stage:after{background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(237,236,229,.13) 40px 41px),linear-gradient(90deg,rgba(217,255,54,.22),transparent 21%,transparent 79%,rgba(255,62,157,.24));background-size:auto;mix-blend-mode:screen}.looks-console[data-active-look="receipt"] .stage-glow{background:radial-gradient(ellipse at center,rgba(237,236,229,.16),transparent 62%)}
.look-dialog{width:min(680px,calc(100% - 28px));padding:32px;border:1px solid var(--acid);background:#0b0d18;color:var(--paper);box-shadow:0 30px 120px #000}.look-dialog::backdrop{background:rgba(3,4,10,.82);backdrop-filter:blur(8px)}.look-dialog h2{font-size:clamp(38px,7vw,70px);letter-spacing:-.075em;margin:0 0 12px}.look-dialog p:not(.eyebrow){color:#b8bac1;line-height:1.5;margin:0 0 18px}.look-dialog textarea{width:100%;height:175px;resize:vertical;border:1px solid var(--line);padding:14px;background:#070811;color:#d8d9df;font:12px/1.55 "DM Mono",monospace;margin-bottom:15px}.look-dialog>div{display:flex;gap:10px;flex-wrap:wrap}.dialog-close{position:absolute;top:10px;right:14px;border:0;background:none;color:var(--paper);font-size:29px;line-height:1;cursor:pointer}.dialog-close:hover{color:var(--pink)}
@keyframes signalSweep{to{background-position:230% 0,230% 0}}@keyframes glowPulse{50%{opacity:.42;transform:scale(.93)}}
@media(max-width:760px){.signal-looks{padding:80px 0}.looks-heading{display:block;margin-bottom:30px}.looks-heading>p:last-child{margin-top:24px}.looks-console{grid-template-columns:1fr;min-height:0}.look-stage,.look-stage img{min-height:430px}.look-list{border-left:0;border-top:1px solid var(--line)}.look-card{min-height:96px;padding:14px}.looks-actions{align-items:flex-start;gap:14px}.looks-actions span{width:100%;margin:0}.look-dialog{padding:24px 18px}.look-dialog textarea{height:190px}.stage-top{font-size:9px}}

/* Compact visual gallery: every card is a whole style, not a settings row. */
.looks-gallery{padding:0}.looks-gallery .look-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0}.looks-gallery .look-card{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:320px;aspect-ratio:4/5;padding:18px;border:1px solid rgba(237,236,229,.18);border-radius:22px;flex-direction:column;justify-content:flex-end;color:#fff;background:#141623;box-shadow:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.looks-gallery .look-card:before{content:"";position:absolute;z-index:-2;inset:-12px;background:url("assets/character.webp") center 26% / cover no-repeat;filter:contrast(1.13) saturate(1.18);transition:transform .5s ease,filter .4s ease}.looks-gallery .look-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(3,4,9,.16) 44%,rgba(3,4,9,.9) 100%)}.looks-gallery .look-card span{width:max-content;border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:4px 8px;color:white;background:rgba(4,5,12,.2);font:700 9px "DM Mono",monospace;letter-spacing:.08em;position:absolute;top:16px;left:16px}.looks-gallery .look-card strong{font-size:clamp(21px,2.25vw,32px);line-height:.92;letter-spacing:-.07em;position:relative}.looks-gallery .look-card i{color:rgba(255,255,255,.8);font:11px/1.32 "DM Mono",monospace;margin:9px 0 0;max-width:220px;position:relative}.looks-gallery .look-card strong:after{content:attr(data-number);display:block;font:700 clamp(42px,5vw,72px)/.8 "Space Grotesk",sans-serif;letter-spacing:-.1em;color:white;margin-top:17px}.looks-gallery .look-card:hover,.looks-gallery .look-card:focus-visible,.looks-gallery .look-card.active{outline:none;transform:translateY(-7px);border-color:var(--acid);box-shadow:0 18px 38px rgba(0,0,0,.35),0 0 30px rgba(217,255,54,.18)}.looks-gallery .look-card:hover:before,.looks-gallery .look-card:focus-visible:before{transform:scale(1.08)}
.looks-gallery .look-card[data-look="smear"]:before{filter:contrast(1.22) saturate(1.18) hue-rotate(12deg)}.looks-gallery .look-card[data-look="smear"]:after{background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(79,234,255,.22) 25px 28px,transparent 30px 46px),linear-gradient(145deg,rgba(217,255,54,.2),transparent 52%,rgba(255,62,157,.24)),linear-gradient(180deg,transparent 28%,rgba(3,4,9,.91) 100%)}
.looks-gallery .look-card[data-look="flash"]:before{background-image:url("assets/brand.webp");background-position:center;filter:contrast(1.46) saturate(.72) brightness(1.16)}.looks-gallery .look-card[data-look="flash"]:after{background:linear-gradient(130deg,rgba(255,255,255,.46),transparent 28%,rgba(3,4,9,.9) 92%)}
.looks-gallery .look-card[data-look="crt"]:before{filter:contrast(1.34) saturate(.7) hue-rotate(35deg)}.looks-gallery .look-card[data-look="crt"]:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 5px),linear-gradient(110deg,rgba(0,255,197,.18),transparent 52%,rgba(255,62,157,.25)),linear-gradient(180deg,transparent 30%,rgba(3,4,9,.92) 100%)}
.looks-gallery .look-card[data-look="dither"]:before{filter:grayscale(1) contrast(3) brightness(.82)}.looks-gallery .look-card[data-look="dither"]:after{background-image:radial-gradient(circle,rgba(255,255,255,.66) 1px,transparent 1.7px),linear-gradient(180deg,transparent 30%,rgba(3,4,9,.92) 100%);background-size:5px 5px,100% 100%;mix-blend-mode:screen}.looks-gallery .look-card[data-look="phosphor"]:before{filter:saturate(1.75) contrast(1.24) hue-rotate(-15deg)}.looks-gallery .look-card[data-look="phosphor"]:after{background:linear-gradient(90deg,rgba(255,62,157,.55),transparent 34%,rgba(79,234,255,.42) 76%,rgba(3,4,9,.88)),linear-gradient(180deg,transparent 32%,rgba(3,4,9,.85) 100%)}
.looks-gallery .look-card[data-look="receipt"]:before{background-image:url("assets/brand.webp");filter:grayscale(1) contrast(1.65) sepia(.5)}.looks-gallery .look-card[data-look="receipt"]:after{background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(237,236,229,.12) 31px 32px),linear-gradient(90deg,rgba(217,255,54,.24),transparent 21%,transparent 77%,rgba(255,62,157,.28)),linear-gradient(180deg,transparent 25%,rgba(3,4,9,.92) 100%)}
.looks-gallery .look-card[data-look="datamosh"]:before{background-image:url("assets/style-datamosh.png");background-position:center;filter:contrast(1.13) saturate(1.15)}.looks-gallery .look-card[data-look="datamosh"]:after{background:linear-gradient(90deg,rgba(79,234,255,.14),transparent 18%,rgba(255,62,157,.17) 69%,transparent),linear-gradient(180deg,transparent 34%,rgba(3,4,9,.93) 100%)}.looks-gallery .look-card.generated-look{border-color:rgba(79,234,255,.55);box-shadow:0 0 28px rgba(79,234,255,.13)}
.looks-gallery .look-card[data-look="smear"] strong:after{content:"01"}.looks-gallery .look-card[data-look="flash"] strong:after{content:"02"}.looks-gallery .look-card[data-look="crt"] strong:after{content:"03"}.looks-gallery .look-card[data-look="dither"] strong:after{content:"04"}.looks-gallery .look-card[data-look="phosphor"] strong:after{content:"05"}.looks-gallery .look-card[data-look="receipt"] strong:after{content:"06"}.looks-gallery .look-card[data-look="datamosh"] strong:after{content:"07"}
@media(max-width:760px){.looks-gallery .look-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.looks-gallery .look-card{min-height:220px;border-radius:16px;padding:13px}.looks-gallery .look-card span{top:12px;left:12px;font-size:8px}.looks-gallery .look-card strong{font-size:21px}.looks-gallery .look-card i{display:none}.looks-gallery .look-card strong:after{font-size:48px;margin-top:12px}}