.clip-showcase_showcase__TNp0N{container:clip-showcase/inline-size;width:100%;min-width:0;max-width:600px;margin-inline:auto}.clip-showcase_stage__lMDVW{position:relative;aspect-ratio:1.1;isolation:isolate}.clip-showcase_card__uN_f3{position:absolute;left:28%;top:4%;width:44%;aspect-ratio:9/16;overflow:hidden;border:1px solid #ffffff35;border-radius:16px;background:#171717;box-shadow:0 20px 45px #0008;transform-origin:50% 85%;transition:transform .42s cubic-bezier(.22,.7,.2,1),filter .42s ease}.clip-showcase_card__uN_f3[data-placement=front]{z-index:3;transform:none}.clip-showcase_card__uN_f3[data-placement=left]{z-index:1;transform:translateX(-55%) translateY(12px) rotate(-12deg) scale(.88);filter:brightness(.76)}.clip-showcase_card__uN_f3[data-placement=right]{z-index:2;transform:translateX(55%) translateY(12px) rotate(12deg) scale(.88);filter:brightness(.76)}.clip-showcase_chooseClip__16qpW,.clip-showcase_media__0G_cH,.clip-showcase_shade__dzGd8{position:absolute;inset:0;width:100%;height:100%}.clip-showcase_media__0G_cH{object-fit:cover}.clip-showcase_shade__dzGd8{background:linear-gradient(180deg,#0004,transparent 30%,transparent 40%,#0005 63%,#000b);pointer-events:none}.clip-showcase_cardBottom__1QQu0,.clip-showcase_cardTop__N3PFP{position:absolute;inset-inline:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffffffd9;font:8px/1.4 var(--font-mono);letter-spacing:.02em}.clip-showcase_cardTop__N3PFP{top:14px;text-transform:uppercase}.clip-showcase_cardTop__N3PFP>span{padding:4px 6px;border-radius:4px;background:#0004}.clip-showcase_cardBottom__1QQu0{bottom:14px;font-size:7px}.clip-showcase_caption__cXbzh{position:absolute;top:55%;inset-inline:5%;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:clamp(12px,3.1cqw,19px);font-weight:650;line-height:1.3;letter-spacing:-.035em;text-align:center;color:#fff;text-shadow:0 1px 8px #0009}.clip-showcase_caption__cXbzh>span{padding:1px 4px}.clip-showcase_caption__cXbzh>span[data-accent=true]{background:#2455ff;border-radius:3px;text-shadow:none}.clip-showcase_chooseClip__16qpW{z-index:1;border:0;background:transparent;border-radius:inherit;cursor:pointer}.clip-showcase_chooseClip__16qpW:focus-visible{outline:3px solid var(--brand);outline-offset:-4px}.clip-showcase_banner__3vzAX{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid #6798ff;border-radius:3px;background:#fff;color:#101010;text-align:left;touch-action:none;user-select:none;cursor:grab!important;box-shadow:0 4px 18px #0003}.clip-showcase_banner__3vzAX[data-dragging=true]{cursor:grabbing!important}.clip-showcase_banner__3vzAX:focus-visible{outline:2px solid #6798ff;outline-offset:4px}.clip-showcase_banner__3vzAX>svg{width:20px;height:20px;flex-shrink:0;color:#2455ff}.clip-showcase_banner__3vzAX strong{display:block;font:600 9px/1.3 var(--font-mono);white-space:nowrap}.clip-showcase_banner__3vzAX small{display:block;font:7px/1.5 var(--font-sans);margin-top:3px}.clip-showcase_banner__3vzAX>i{position:absolute;width:5px;height:5px;border:1px solid #2455ff;background:#fff}.clip-showcase_banner__3vzAX>i:last-child{left:-3px;top:-3px}.clip-showcase_banner__3vzAX>i:nth-last-child(2){right:-3px;top:-3px}.clip-showcase_banner__3vzAX>i:nth-last-child(3){right:-3px;bottom:-3px}.clip-showcase_banner__3vzAX>i:nth-last-child(4){left:-3px;bottom:-3px}.clip-showcase_controls__FxG3D{position:relative;z-index:5;width:min(440px,96%);margin:0 auto;padding:14px 18px 10px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.clip-showcase_controlsHeader__j9dCc{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.clip-showcase_controlsHeader__j9dCc>span{display:flex;align-items:center;gap:8px;font-size:12px}.clip-showcase_controlsHeader__j9dCc>span>svg{flex-shrink:0;color:var(--brand)}.clip-showcase_reset__r9YKR{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;color:var(--muted-foreground)}.clip-showcase_reset__r9YKR:hover{background:var(--secondary);color:var(--foreground)}.clip-showcase_sliders__UZZSy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.clip-showcase_sliders__UZZSy label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;font-size:11px;color:var(--muted-foreground)}.clip-showcase_sliders__UZZSy output{color:var(--foreground);font:10px var(--font-mono)}.clip-showcase_sliders__UZZSy input{width:100%;height:28px;accent-color:var(--brand);cursor:ew-resize}.clip-showcase_footnote__g_0o3{display:flex;justify-content:center;align-items:center;gap:12px;min-height:40px;color:var(--muted-foreground);font-size:10px}.clip-showcase_footnote__g_0o3 button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:36px}@media (hover:hover){.clip-showcase_card__uN_f3[data-placement=left]:hover,.clip-showcase_card__uN_f3[data-placement=right]:hover{filter:brightness(.96)}}@container clip-showcase (max-width: 420px){.clip-showcase_stage__lMDVW{aspect-ratio:.98}.clip-showcase_card__uN_f3{width:52%;left:24%;top:2%;border-radius:12px}.clip-showcase_card__uN_f3[data-placement=left]{transform:translateX(-38%) translateY(12px) rotate(-12deg) scale(.8)}.clip-showcase_card__uN_f3[data-placement=right]{transform:translateX(38%) translateY(12px) rotate(12deg) scale(.8)}.clip-showcase_cardBottom__1QQu0,.clip-showcase_cardTop__N3PFP{inset-inline:8px;font-size:6px}.clip-showcase_cardTop__N3PFP{top:10px}.clip-showcase_cardBottom__1QQu0{bottom:10px}.clip-showcase_banner__3vzAX{min-height:34px;padding:6px;gap:4px}.clip-showcase_banner__3vzAX>svg{width:16px;height:16px}.clip-showcase_banner__3vzAX strong{font-size:7px}.clip-showcase_banner__3vzAX small{display:none}.clip-showcase_controls__FxG3D{width:100%;padding:10px 12px 8px}.clip-showcase_controlsHeader__j9dCc>span{font-size:10px;gap:6px}.clip-showcase_sliders__UZZSy{gap:16px}.clip-showcase_footnote__g_0o3{font-size:9px}}@media (prefers-reduced-motion:reduce){.clip-showcase_card__uN_f3{transition:none}}@font-face{font-family:pixel;src:url(/_next/static/media/ca132b90fbd685a8-s.p.ttf) format("truetype");font-display:swap;font-weight:400 700}@font-face{font-family:pixel Fallback;src:local("Arial");ascent-override:80.21%;descent-override:24.41%;line-gap-override:0.00%;size-adjust:114.70%}.__className_2658e4{font-family:pixel,pixel Fallback}.__variable_2658e4{--font-pixel:"pixel","pixel Fallback"}