.bgx-panel{background:#0b0a0c;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #00000073}.bgx-panel-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);display:grid}@media (max-width:820px){.bgx-panel-grid{grid-template-columns:minmax(0,1fr)}}.bgx-controls{border-left:1px solid #ffffff14;flex-direction:column;gap:18px;padding:20px;display:flex}@media (max-width:820px){.bgx-controls{border-top:1px solid #ffffff14;border-left:none}}.bgx-label{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:500}.bgx-seg{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.bgx-seg button{font:inherit;color:#ffffff9e;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 12px;font-size:13px;transition:background-color .18s,color .18s,transform .12s}.bgx-seg button:hover{color:#fff;background:#ffffff0f}.bgx-seg button:active{transform:scale(.97)}.bgx-seg button[aria-pressed=true]{color:#0b0a0c;background:#ffffffeb}.bgx-seg button:focus-visible,.bgx-btn:focus-visible,.bgx-swatch:focus-visible,.bgx-check:focus-visible,.bgx-slider:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.bgx-btn{font:inherit;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .18s,border-color .18s,transform .12s;display:inline-flex}.bgx-btn:hover{background:#ffffff1f;border-color:#ffffff3d}.bgx-btn:active{transform:scale(.97)}.bgx-btn[data-solid=true]{color:#0b0a0c;background:#fff;border-color:#0000}.bgx-btn[data-solid=true]:hover{background:#ffffffdb}.bgx-slider{cursor:pointer;touch-action:none;border-radius:8px;height:28px;position:relative}.bgx-slider-track{background:#ffffff1f;border-radius:4px;height:4px;position:absolute;top:12px;left:0;right:0}.bgx-slider-fill{background:#fffc;border-radius:4px;height:4px;position:absolute;top:12px;left:0}.bgx-slider-thumb{background:#fff;border-radius:50%;width:18px;height:18px;margin-left:-9px;transition:transform .15s;position:absolute;top:5px;box-shadow:0 2px 8px #00000080}.bgx-slider:hover .bgx-slider-thumb,.bgx-slider[data-drag=true] .bgx-slider-thumb{transform:scale(1.15)}.bgx-swatch{cursor:pointer;border:1px solid #ffffff2e;border-radius:8px;width:28px;height:28px;padding:0;transition:transform .15s,box-shadow .15s}.bgx-swatch:hover{transform:translateY(-1px)scale(1.06)}.bgx-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #0b0a0c,0 0 0 4px #ffffffe6}.bgx-code{color:#ffffffd9;white-space:pre-wrap;word-break:break-all;background:#050405;border:1px solid #ffffff14;border-radius:10px;max-height:168px;margin:0;padding:12px 14px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.bgx-stage{min-height:340px;position:relative;overflow:hidden}.bgx-fade{animation:.45s both bgx-fade}@keyframes bgx-fade{0%{opacity:0}to{opacity:1}}.bgx-check{text-align:left;width:100%;font:inherit;color:#ffffffb8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:background-color .18s,border-color .18s,color .18s,transform .12s;display:flex}.bgx-check:hover{background:#ffffff0f;border-color:#ffffff29}.bgx-check:active{transform:scale(.995)}.bgx-check[aria-checked=true]{color:#fff;background:#ffffff14;border-color:#ffffff52}.bgx-box{border:1.5px solid #ffffff59;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:background-color .18s,border-color .18s;display:inline-flex}.bgx-check[aria-checked=true] .bgx-box{color:#0b0a0c;background:#fff;border-color:#fff}.bgx-meter{background:#ffffff1a;border-radius:8px;height:8px;overflow:hidden}.bgx-meter>span{background:#fff;border-radius:8px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.bgx-input{width:100%;font:inherit;color:#fff;-moz-appearance:textfield;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .18s,background-color .18s}.bgx-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bgx-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bgx-input:hover{border-color:#ffffff3d}.bgx-input:focus{background:#ffffff14;border-color:#ffffff80}.bgx-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:8px;scroll-padding-inline:max(24px,50vw - 560px);display:flex;overflow-x:auto}.bgx-strip::-webkit-scrollbar{display:none}.bgx-strip>*{scroll-snap-align:start;flex:none;width:min(340px,78vw)}@media (prefers-reduced-motion:reduce){.bgx-fade{animation:none}.bgx-meter>span,.bgx-slider-thumb{transition:none}}.bg-post-contained .bgx-strip{scroll-padding-inline:0}.bgx-badge{position:absolute;bottom:14px;right:14px}.bgx-loupe{width:120px;height:120px}@media (max-width:640px){.bgx-badge{white-space:nowrap;inset:10px auto auto 50%;transform:translate(-50%);font-size:12px!important}.bgx-loupe{width:64px;height:64px}}
.bg-tool-chip{color:#ffffffb3;height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;line-height:1;transition:border-color .2s,background-color .2s,color .2s,transform .15s;display:inline-flex}.bg-tool-chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff3d}.bg-tool-chip:active{transform:scale(.96)}.bg-tool-chip:focus-visible,.bg-tool-tile:focus-visible,.bg-tool-option:focus-visible,.bg-tool-icon-btn:focus-visible,.bg-tool-link-btn:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.bg-tool-chip[aria-pressed=true],.bg-tool-chip[aria-checked=true],.bg-tool-chip[aria-selected=true]{color:#fff;background:#ffffff1f;border-color:#ffffffbf}.bg-tool-chip .bg-tool-chip-count{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:12px}.bg-tool-chip[aria-pressed=true] .bg-tool-chip-count{color:#ffffffb3}.bg-tool-chip[data-hint=true]:after{content:"";opacity:.8;background:#fff;border-radius:9999px;width:6px;height:6px}.bg-tool-chips{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:640px){.bg-tool-chips[data-scroll]{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px 6px;overflow-x:auto}.bg-tool-chips[data-scroll]::-webkit-scrollbar{display:none}}.bg-tool-panel{background:#ffffff06;border:1px solid #ffffff1f;border-radius:20px;padding:20px}@media (max-width:640px){.bg-tool-panel{border-radius:16px;padding:14px}}.bg-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.bg-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.bg-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@keyframes bg-tool-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.bg-tool-enter{animation:.45s cubic-bezier(.22,1,.36,1) both bg-tool-in;animation-delay:calc(var(--i,0) * 35ms)}.bg-tool-tile{cursor:zoom-in;aspect-ratio:16/10;background:#0a0506;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:0;transition:border-color .25s,box-shadow .25s,transform .2s;display:block;position:relative;overflow:hidden}.bg-tool-tile img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.bg-tool-tile:hover{border-color:#ffffff3d;box-shadow:0 14px 36px #00000073}.bg-tool-tile:hover img{transform:scale(1.05)}.bg-tool-tile:active{transform:scale(.98)}.bg-tool-tile-label{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;background:#0000008c;border-radius:8px;padding:4px 9px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;left:8px;transform:translateY(4px)}.bg-tool-tile:hover .bg-tool-tile-label,.bg-tool-tile:focus-visible .bg-tool-tile-label{opacity:1;transform:none}@media (hover:none){.bg-tool-tile-label{opacity:1;transform:none}}@keyframes bg-tool-fade{0%{opacity:0}to{opacity:1}}@keyframes bg-tool-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.bg-tool-lightbox{z-index:80;-webkit-backdrop-filter:blur(14px);background:#010101e0;justify-content:center;align-items:center;padding:24px;animation:.2s both bg-tool-fade;display:flex;position:fixed;inset:0}.bg-tool-lightbox-card{flex-direction:column;gap:14px;width:min(1100px,100%);animation:.3s cubic-bezier(.22,1,.36,1) both bg-tool-pop;display:flex}.bg-tool-lightbox-img{aspect-ratio:16/9;background:#0a0506;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-height:calc(100vh - 220px);position:relative;overflow:hidden}.bg-tool-lightbox-img img{animation:.3s both bg-tool-fade}@media (max-width:640px){.bg-tool-lightbox{padding:12px}}.bg-tool-icon-btn{color:#fff;cursor:pointer;background-color:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .18s,border-color .18s,transform .15s;display:inline-flex}.bg-tool-icon-btn:hover{background-color:#ffffff24;border-color:#ffffff3d}.bg-tool-icon-btn:active{transform:scale(.94)}.bg-tool-link-btn{color:#fff;height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;text-decoration:none;transition:background-color .18s,border-color .18s,transform .15s;display:inline-flex}.bg-tool-link-btn:hover{background:#ffffff24;border-color:#ffffff4d}.bg-tool-link-btn:active{transform:scale(.97)}.bg-tool-link-btn[data-solid]{color:#010101;background:#fff;border-color:#fff}.bg-tool-link-btn[data-solid]:hover{background:#ffffffe0}.bg-tool-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:760px){.bg-tool-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.bg-tool-option{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:10px;padding:8px 8px 12px;transition:border-color .2s,background-color .2s,transform .15s;display:flex}.bg-tool-option img{transition:transform 1s cubic-bezier(.16,1,.3,1)}.bg-tool-option:hover{background:#ffffff0f;border-color:#ffffff47}.bg-tool-option:hover img{transform:scale(1.05)}.bg-tool-option:active{transform:scale(.98)}.bg-tool-option[aria-pressed=true]{background:#ffffff1a;border-color:#fffc}.bg-tool-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:760px){.bg-tool-results{grid-template-columns:minmax(0,1fr)}}.bg-tool-step-dot{background:#ffffff29;border-radius:9999px;width:22px;height:3px;transition:background-color .3s}.bg-tool-step-dot[data-on=true]{background:#ffffffd9}.bg-tool-layer{transition:opacity .5s}.bg-tool-stage{background:radial-gradient(120% 90% at 50% 0,#ffffff0f,#0000 60%);border-radius:16px;justify-content:center;align-items:center;min-height:520px;padding:28px 16px;display:flex;position:relative}@media (max-width:640px){.bg-tool-stage{min-height:0;padding:18px 4px}}.bg-tool-device{animation:.4s cubic-bezier(.22,1,.36,1) both bg-tool-pop}.bg-tool-drag{cursor:grab;touch-action:pan-y}.bg-tool-drag:active{cursor:grabbing}.bg-tool-drag:focus-visible{outline-offset:4px;outline:2px solid #ffffffd9}.bg-tool-editable{cursor:text;border-radius:6px;outline:none;transition:box-shadow .2s}.bg-tool-editable:hover{box-shadow:0 0 0 1px #ffffff59}.bg-tool-editable:focus{box-shadow:0 0 0 2px #ffffffe6}.bg-tool-slides{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:760px){.bg-tool-slides{grid-template-columns:minmax(0,1fr)}}.bg-tool-split{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}@media (max-width:860px){.bg-tool-split{grid-template-columns:minmax(0,1fr)}}.bg-tool-badge{color:#fff9;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12.5px;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.bg-tool-badge[data-pass=true]{color:#010101;background:#ffffffeb;border-color:#ffffffeb}.bg-tool-meter{background:#ffffff1a;border-radius:9999px;height:6px;position:relative;overflow:hidden}.bg-tool-meter>span{background:#fff;border-radius:9999px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.bg-tool-overlay{transition:opacity .35s,clip-path .45s cubic-bezier(.22,1,.36,1),inset .45s cubic-bezier(.22,1,.36,1)}.bg-tool-ideas{grid-template-columns:repeat(var(--bg-ideas-cols,3), minmax(0, 1fr));gap:28px 20px;padding:0;list-style:none;display:grid}@media (max-width:900px){.bg-tool-ideas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.bg-tool-ideas{grid-template-columns:minmax(0,1fr);gap:24px}}@media (prefers-reduced-motion:reduce){.bg-tool-enter,.bg-tool-lightbox,.bg-tool-lightbox-card,.bg-tool-lightbox-img img,.bg-tool-device{animation:none}.bg-tool-layer,.bg-tool-overlay,.bg-tool-meter>span,.bg-tool-tile img,.bg-tool-option img{transition:none}}
.motion-module__VAA43W__panel{background:#0b0a0c;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0000008c}.motion-module__VAA43W__frame{aspect-ratio:16/9;background:#0a0506;position:relative;overflow:hidden}.motion-module__VAA43W__frameWide{aspect-ratio:21/9}@media (max-width:640px){.motion-module__VAA43W__frameWide{aspect-ratio:4/3}}.motion-module__VAA43W__controls{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:20px 22px 22px;display:grid}@media (max-width:720px){.motion-module__VAA43W__controls{grid-template-columns:minmax(0,1fr);padding:16px}}.motion-module__VAA43W__label{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;font-size:12px;font-weight:500;display:flex}.motion-module__VAA43W__labelValue{color:#fff;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:13px}.motion-module__VAA43W__slider{cursor:pointer;touch-action:none;outline:none;height:28px;position:relative}.motion-module__VAA43W__sliderTrack{background:#ffffff1f;border-radius:9999px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.motion-module__VAA43W__sliderFill{background:#ffffffd9;border-radius:9999px;position:absolute;top:0;bottom:0;left:0}.motion-module__VAA43W__sliderKnob{background:#fff;border-radius:9999px;width:18px;height:18px;margin:-9px 0 0 -9px;transition:transform .15s,box-shadow .15s;position:absolute;top:50%;box-shadow:0 2px 8px #00000080}.motion-module__VAA43W__slider:hover .motion-module__VAA43W__sliderKnob{transform:scale(1.12)}.motion-module__VAA43W__slider:focus-visible .motion-module__VAA43W__sliderKnob{box-shadow:0 0 0 4px #ffffff40,0 2px 8px #00000080}.motion-module__VAA43W__slider[data-dragging=true] .motion-module__VAA43W__sliderKnob{transform:scale(.94)}.motion-module__VAA43W__seg{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.motion-module__VAA43W__segBtn{appearance:none;color:#ffffffa6;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 12px;font-size:13px;transition:background-color .18s,color .18s,transform .12s}.motion-module__VAA43W__segBtn:hover{color:#fff;background:#ffffff0f}.motion-module__VAA43W__segBtn:active{transform:scale(.96)}.motion-module__VAA43W__segBtn:focus-visible{outline-offset:1px;outline:2px solid #fff9}.motion-module__VAA43W__segBtn[aria-pressed=true],.motion-module__VAA43W__segBtn[aria-checked=true]{color:#fff;background:#ffffff24}.motion-module__VAA43W__chip{appearance:none;color:#ffffffb8;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-size:13px;transition:border-color .2s,background-color .2s,color .2s,transform .15s;display:inline-flex}.motion-module__VAA43W__chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff3d}.motion-module__VAA43W__chip:active{transform:scale(.97)}.motion-module__VAA43W__chip:focus-visible{outline-offset:2px;outline:2px solid #fff9}.motion-module__VAA43W__chip[aria-pressed=true]{color:#fff;background:#ffffff1a;border-color:#ffffffb3}.motion-module__VAA43W__chipThumb{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:40px;height:26px;overflow:hidden}.motion-module__VAA43W__chipRow{flex-wrap:wrap;gap:8px;display:flex}.motion-module__VAA43W__switch{appearance:none;color:#fffc;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:background-color .18s,border-color .18s,transform .12s;display:flex}.motion-module__VAA43W__switch:hover{background:#ffffff12;border-color:#ffffff29}.motion-module__VAA43W__switch:active{transform:scale(.99)}.motion-module__VAA43W__switch:focus-visible{outline-offset:1px;outline:2px solid #fff9}.motion-module__VAA43W__switchCode{color:#fff;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.motion-module__VAA43W__switchTrack{background:#ffffff29;border-radius:9999px;flex-shrink:0;width:34px;height:20px;transition:background-color .2s;position:relative}.motion-module__VAA43W__switchTrack:after{content:"";background:#fffc;border-radius:9999px;width:16px;height:16px;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s;position:absolute;top:2px;left:2px}.motion-module__VAA43W__switch[aria-checked=true] .motion-module__VAA43W__switchTrack{background:#ffffffd9}.motion-module__VAA43W__switch[aria-checked=true] .motion-module__VAA43W__switchTrack:after{background:#0b0a0c;transform:translate(14px)}.motion-module__VAA43W__ghostBtn{appearance:none;-webkit-backdrop-filter:blur(10px);color:#fff;font:inherit;cursor:pointer;background:#00000073;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .18s,border-color .18s,transform .12s;display:inline-flex}.motion-module__VAA43W__ghostBtn:hover{background:#ffffff24;border-color:#ffffff4d}.motion-module__VAA43W__ghostBtn:active{transform:scale(.96)}.motion-module__VAA43W__ghostBtn:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.motion-module__VAA43W__ghostBtn[disabled]{opacity:.4;cursor:default;transform:none}.motion-module__VAA43W__code{background:#050506;border-top:1px solid #ffffff14;position:relative}.motion-module__VAA43W__codeHead{color:#ffffff80;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 18px;font-size:12px;display:flex}.motion-module__VAA43W__pre{color:#ffffffe6;white-space:pre;max-height:340px;margin:0;padding:16px 18px 18px;font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.motion-module__VAA43W__tok{color:#ffffff80}.motion-module__VAA43W__copied{animation:.3s cubic-bezier(.22,1,.36,1) motion-module__VAA43W__pop}@keyframes motion-module__VAA43W__pop{0%{transform:scale(.9)}to{transform:scale(1)}}.motion-module__VAA43W__swatchRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.motion-module__VAA43W__swatch{appearance:none;cursor:pointer;border:1px solid #ffffff2e;border-radius:10px;width:36px;height:36px;padding:0;transition:transform .15s,box-shadow .15s;position:relative}.motion-module__VAA43W__swatch:hover{transform:translateY(-2px)}.motion-module__VAA43W__swatch:active{transform:scale(.94)}.motion-module__VAA43W__swatch:focus-visible{outline-offset:2px;outline:2px solid #fff}.motion-module__VAA43W__swatch[aria-expanded=true]{box-shadow:0 0 0 2px #0b0a0c,0 0 0 4px #fff}.motion-module__VAA43W__swatchAdd{color:#ffffffb3;background:#ffffff0a;border-style:dashed;justify-content:center;align-items:center;font-size:18px;display:inline-flex;}.motion-module__VAA43W__popover{z-index:5;-webkit-backdrop-filter:blur(16px);background:#100e12f5;border:1px solid #ffffff24;border-radius:14px;width:248px;padding:12px;animation:.18s cubic-bezier(.22,1,.36,1) motion-module__VAA43W__popIn;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 50px #0009}@keyframes motion-module__VAA43W__popIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.motion-module__VAA43W__popGrid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.motion-module__VAA43W__popSwatch{appearance:none;aspect-ratio:1;cursor:pointer;border:1px solid #ffffff1f;border-radius:7px;padding:0;transition:transform .12s}.motion-module__VAA43W__popSwatch:hover{transform:scale(1.1)}.motion-module__VAA43W__popSwatch:focus-visible{outline-offset:1px;outline:2px solid #fff}.motion-module__VAA43W__popSwatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff}.motion-module__VAA43W__hexInput{color:#fff;background:#ffffff0a;border:1px solid #ffffff24;border-radius:9px;outline:none;width:100%;margin-top:10px;padding:8px 10px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px;transition:border-color .15s}.motion-module__VAA43W__hexInput:focus{border-color:#ffffff80}.motion-module__VAA43W__textBtn{appearance:none;color:#fff9;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline;transition:color .15s}.motion-module__VAA43W__textBtn:hover{color:#fff}.motion-module__VAA43W__layer{transition:opacity .6s;position:absolute;inset:0}.motion-module__VAA43W__media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.motion-module__VAA43W__trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:860px){.motion-module__VAA43W__trio{grid-template-columns:minmax(0,1fr)}}.motion-module__VAA43W__trioCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;transition:border-color .2s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.motion-module__VAA43W__trioCard:hover{border-color:#ffffff38;transform:translateY(-3px)}.motion-module__VAA43W__stat{border-top:1px solid #ffffff12;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 0;font-size:14px;line-height:1.45;display:grid}.motion-module__VAA43W__statK{color:#ffffff73}.motion-module__VAA43W__statV{color:#ffffffd9}.motion-module__VAA43W__barRow{border-radius:10px;grid-template-columns:minmax(0,220px) minmax(0,1fr) 76px;align-items:center;gap:14px;padding:9px 4px;transition:background-color .15s;display:grid}.motion-module__VAA43W__barRow:hover{background:#ffffff0a}@media (max-width:640px){.motion-module__VAA43W__barRow{grid-template-columns:minmax(0,1fr) 70px}.motion-module__VAA43W__barRow>:nth-child(2){grid-area:2/1/auto/-1}}.motion-module__VAA43W__barTrack{background:#ffffff0f;border-radius:9999px;height:12px;position:relative;overflow:hidden}.motion-module__VAA43W__barFill{transform-origin:0;background:#ffffffd1;border-radius:9999px;transition:width .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.motion-module__VAA43W__barFill[data-tone=hot]{background:#ffffff59}.motion-module__VAA43W__browserBar{background:#121013;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:42px;padding:0 14px;display:flex}.motion-module__VAA43W__url{color:#fff9;background:#ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:420px;height:26px;margin:0 auto;font-size:12px;display:inline-flex}.motion-module__VAA43W__hero{aspect-ratio:16/9;background:#0a0506;position:relative;overflow:hidden}@media (max-width:640px){.motion-module__VAA43W__hero{aspect-ratio:4/5}}.motion-module__VAA43W__heroNav{z-index:3;color:#fff;justify-content:space-between;align-items:center;padding:18px 26px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.motion-module__VAA43W__heroLinks{color:#ffffffd9;gap:22px;display:flex}@media (max-width:640px){.motion-module__VAA43W__heroLinks{display:none}}.motion-module__VAA43W__heroCopy{z-index:3;border-radius:18px;width:min(54%,520px);padding:22px 24px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:absolute;top:50%;left:6%;transform:translateY(-50%)}@media (max-width:640px){.motion-module__VAA43W__heroCopy{width:auto;right:6%}}.motion-module__VAA43W__heroH{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(24px,3.6vw,46px);font-weight:400;line-height:1.05}.motion-module__VAA43W__heroP{color:#ffffffeb;margin:14px 0 0;font-size:clamp(13px,1.2vw,16px);line-height:1.5}.motion-module__VAA43W__heroBtns{gap:10px;margin-top:18px;display:flex}.motion-module__VAA43W__heroBtn{color:#0b0a0c;background:#fff;border-radius:9999px;padding:9px 16px;font-size:13px;font-weight:500}.motion-module__VAA43W__heroBtn2{color:#fff;border:1px solid #fff9;border-radius:9999px;padding:9px 16px;font-size:13px;font-weight:500}.motion-module__VAA43W__overlay{z-index:2;pointer-events:none;transition:background .3s,opacity .3s;position:absolute;inset:0}.motion-module__VAA43W__pauseBtn{z-index:4;position:absolute;bottom:16px;right:16px}.motion-module__VAA43W__badge{font-variant-numeric:tabular-nums;color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.motion-module__VAA43W__dot{border-radius:9999px;width:8px;height:8px}.motion-module__VAA43W__warn{color:#ffffffd1;background:#ffffff0a;border-left:2px solid #ffffff80;border-radius:10px;gap:10px;padding:10px 12px;font-size:14px;line-height:1.5;animation:.25s cubic-bezier(.22,1,.36,1) motion-module__VAA43W__popIn;display:flex}.motion-module__VAA43W__warn[data-tone=bad]{border-left-color:#fa4274}.motion-module__VAA43W__bigNum{color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(34px,4.5vw,52px);line-height:1}@media (prefers-reduced-motion:reduce){.motion-module__VAA43W__layer,.motion-module__VAA43W__barFill,.motion-module__VAA43W__trioCard,.motion-module__VAA43W__switchTrack:after,.motion-module__VAA43W__popover,.motion-module__VAA43W__warn{transition:none;animation:none}}
