.studio-landing .example-carousel{width:100%;min-width:0}.studio-landing .carousel-topline{min-height:38px;margin-bottom:16px}.studio-landing .carousel-topline>span{color:var(--studio-muted);font-size:11px}.studio-landing .carousel-topline .preview-use{border:1px solid var(--studio-line);min-height:36px;color:var(--studio-text);border-radius:6px;gap:8px;padding:0 12px;font-size:12px;transition:border-color .16s,color .16s}.studio-landing .carousel-topline .preview-use:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.studio-landing .carousel-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:relative}.studio-landing .carousel-image{aspect-ratio:1.08;background:var(--studio-bg);border-radius:9px;min-width:0;margin:0;position:relative;overflow:hidden}.studio-landing .carousel-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.studio-landing .carousel-image figcaption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#121212b8;border:1px solid #ffffff38;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:12px;left:12px}.studio-landing .carousel-edited figcaption{color:#ffb155;background:#14100bd9;border-color:#f9890370}.studio-landing .carousel-transform-arrow{z-index:1;border:4px solid var(--studio-panel);background:var(--studio-accent);color:#17100a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-landing .carousel-footer{gap:10px;min-height:64px;padding:10px 0}.studio-landing .carousel-title{letter-spacing:-.025em;margin:0;font-size:clamp(14px,1.25vw,17px);font-weight:700;line-height:1.4}.studio-landing .carousel-navigation{gap:2px}.studio-landing .carousel-navigation button{min-width:32px;height:36px}.studio-landing .carousel-count{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;font-size:11px}.studio-landing .carousel-count>span{color:var(--studio-muted)}.studio-landing .carousel-thumbnails{scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent;gap:9px;margin:-3px;padding:3px;display:flex;overflow-x:auto}.studio-landing .carousel-thumbnails button{opacity:.55;border:1px solid #0000;border-radius:6px;flex:1 0 55px;min-width:0;max-width:86px;height:55px;padding:2px;transition:opacity .16s,border-color .16s}.studio-landing .carousel-thumbnails button:hover,.studio-landing .carousel-thumbnails button[aria-current=true]{opacity:1;border-color:var(--studio-accent)}.studio-landing .carousel-thumbnails img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}@media (width<=1100px) and (width>=801px){.studio-landing .carousel-footer{flex-wrap:wrap}.studio-landing .carousel-title{flex:1 0 100%}.studio-landing .carousel-navigation{margin-left:auto}}@media (width<=540px){.studio-landing .carousel-topline{align-items:center;gap:10px;margin-bottom:12px}.studio-landing .carousel-topline>span{max-width:160px;font-size:10px}.studio-landing .carousel-topline .preview-use{padding-inline:8px;font-size:11px}.studio-landing .carousel-pair{gap:10px}.studio-landing .carousel-image{border-radius:6px}.studio-landing .carousel-image figcaption{padding:4px 7px;font-size:10px;top:8px;left:8px}.studio-landing .carousel-transform-arrow{border-width:3px;width:34px;height:34px}.studio-landing .carousel-transform-arrow svg{width:19px;height:19px}.studio-landing .carousel-footer{flex-flow:wrap;align-items:center;min-height:60px;padding-top:10px}.studio-landing .carousel-title{flex:1 0 100%;font-size:15px}.studio-landing .carousel-navigation{margin-left:auto}.studio-landing .carousel-navigation button{min-width:36px;height:40px}.studio-landing .carousel-thumbnails{gap:7px}.studio-landing .carousel-thumbnails button{flex-basis:50px;height:49px}}
