.il-appearance-dialog{width:min(46rem,calc(100vw - 2rem));max-width:none;padding:0;border:1px solid rgb(0 205 229 / 55%);border-radius:.45rem;background:#071019;color:#edf8ff;box-shadow:0 0 0 1px rgb(37 119 232 / 18%),0 2rem 7rem rgb(0 0 0 / 65%),0 0 5rem rgb(0 194 219 / 10%);overflow:hidden}
.il-appearance-dialog::backdrop{background:radial-gradient(circle at 50% 48%,rgb(7 31 47 / 54%),rgb(2 6 11 / 92%) 58%);backdrop-filter:blur(8px) saturate(.7)}
.il-appearance-dialog[open]{animation:il-console-arrive .48s cubic-bezier(.2,.75,.25,1) both}
.il-appearance-console{position:relative;padding:1.15rem clamp(1.2rem,4vw,2.75rem) 1.35rem;background:linear-gradient(rgb(0 205 229 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 205 229 / 4%) 1px,transparent 1px),radial-gradient(circle at 90% 10%,rgb(0 205 229 / 11%),transparent 16rem),#071019;background-size:2rem 2rem,2rem 2rem,auto,auto}
.il-appearance-console::before,.il-appearance-console::after{position:absolute;width:1.35rem;height:1.35rem;border-color:#00cde5;content:"";pointer-events:none}.il-appearance-console::before{inset:.65rem auto auto .65rem;border-top:1px solid;border-left:1px solid}.il-appearance-console::after{inset:auto .65rem .65rem auto;border-right:1px solid;border-bottom:1px solid}
.il-appearance-console__status{display:flex;justify-content:space-between;gap:1rem;padding:0 0 .8rem 5rem;border-bottom:1px solid rgb(136 190 210 / 18%);color:#6f91a1;font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.il-appearance-console__status span:last-child{color:#00cde5}.il-appearance-console__status span:last-child::before{display:inline-block;width:.4rem;height:.4rem;margin-right:.45rem;border-radius:50%;background:#00cde5;box-shadow:0 0 .7rem #00cde5;content:""}
.il-appearance-console__signal{position:absolute;z-index:2;top:1.05rem;left:clamp(1.2rem,4vw,2.75rem);width:3.5rem;height:3.5rem}.il-appearance-console__signal span{position:absolute;inset:0;border:1px solid rgb(0 205 229 / 25%);border-radius:50%}.il-appearance-console__signal span:nth-child(2){inset:.55rem}.il-appearance-console__signal span:nth-child(3){inset:1.1rem;border-color:#00cde5;box-shadow:0 0 1rem rgb(0 205 229 / 25%)}.il-appearance-console__signal i{position:absolute;top:50%;left:50%;width:1.55rem;height:1px;background:#00cde5;transform-origin:left;animation:il-scan 2.8s linear infinite}
.il-appearance-console__copy{max-width:34rem;padding:clamp(2.3rem,6vw,4rem) 0 1.75rem}.il-appearance-console__copy .il-eyebrow{color:#00cde5}.il-appearance-console__copy h2{margin:.35rem 0 .75rem;color:#f4fbff;font-size:clamp(2.1rem,5vw,4rem);line-height:.96;letter-spacing:-.045em}.il-appearance-console__copy>p:last-child{max-width:32rem;margin:0;color:#91a9b7;font-size:.96rem;line-height:1.65}
.il-appearance-console__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.il-appearance-option{position:relative;display:grid;grid-template-columns:4.6rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:6.7rem;padding:.75rem 1rem;border:1px solid rgb(117 166 185 / 25%);border-radius:.3rem;background:#0b1722;color:#e9f6fc;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.il-appearance-option:hover,.il-appearance-option:focus-visible{border-color:#00cde5;background:#0d1d29;box-shadow:inset 0 0 1.5rem rgb(0 205 229 / 7%),0 0 0 1px rgb(0 205 229 / 12%);transform:translateY(-2px)}.il-appearance-option:focus-visible{outline:2px solid #62eaff;outline-offset:3px}
.il-appearance-option__preview{display:grid;grid-template-rows:repeat(3,1fr);gap:.3rem;width:4.6rem;height:4.1rem;padding:.55rem;border:1px solid rgb(0 205 229 / 35%);background:#050b11}.il-appearance-option--light .il-appearance-option__preview{border-color:#9bb8c8;background:#eaf4fa}.il-appearance-option__preview i{display:block;border-left:2px solid #00cde5;background:rgb(0 205 229 / 15%)}.il-appearance-option--light .il-appearance-option__preview i{border-color:#2377e8;background:rgb(35 119 232 / 13%)}.il-appearance-option__copy{display:grid;gap:.3rem}.il-appearance-option__copy strong{font-size:.94rem;letter-spacing:.01em}.il-appearance-option__copy small{color:#7893a2;font-size:.69rem;line-height:1.35}.il-appearance-option__select{align-self:start;color:#00cde5;font:700 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.il-appearance-console__foot{margin:1.1rem 0 0;color:#547080;font:700 .58rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-align:right}
@keyframes il-console-arrive{from{opacity:0;transform:translateY(1rem) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes il-scan{to{transform:rotate(360deg)}}@media(max-width:620px){.il-appearance-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow:auto}.il-appearance-console{min-height:100%;padding:1rem}.il-appearance-console__signal{top:.85rem;left:1rem;width:3rem;height:3rem}.il-appearance-console__status{min-height:3rem;padding:0 0 .7rem 3.8rem;align-items:flex-start}.il-appearance-console__status span:first-child{display:none}.il-appearance-console__copy{padding:2.1rem 0 1.25rem}.il-appearance-console__copy h2{max-width:9ch;font-size:clamp(2rem,11vw,2.8rem)}.il-appearance-console__options{grid-template-columns:1fr}.il-appearance-option{grid-template-columns:3.8rem minmax(0,1fr) auto;min-height:5.5rem;padding:.7rem}.il-appearance-option__preview{width:3.8rem;height:3.6rem}.il-appearance-console__foot{text-align:left}}@media(max-width:350px){.il-appearance-option__copy small{display:none}.il-appearance-option{min-height:4.8rem}.il-appearance-console__copy>p:last-child{font-size:.86rem}}@media(prefers-reduced-motion:reduce){.il-appearance-dialog[open],.il-appearance-console__signal i{animation:none}}