.media-start-page{--preset-height:clamp(160px,31dvh,300px);width:100%;max-width:1540px;min-height:100%;padding:clamp(16px,2.6dvh,28px) clamp(24px,3.2vw,58px) 28px}.media-start-page .media-start-tabs{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;padding:4px;border:1px solid #18181b12;border-radius:16px;background:#f1f1f2d9;box-shadow:0 8px 24px #18181b09,inset 0 1px 0 #fff8;backdrop-filter:blur(12px);margin-bottom:clamp(18px,3dvh,34px)}.dark .media-start-page .media-start-tabs{border-color:#ffffff0e;background:#18181bca;box-shadow:0 8px 24px #0004,inset 0 1px 0 #ffffff06}.media-start-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:9px;height:40px;min-width:110px;padding:0 16px;border:1px solid transparent;border-radius:12px;color:#71717a;font-size:13px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s}.dark .media-start-tabs button{color:#a1a1aa}.media-start-tabs button[aria-pressed=true]{background:#fff;border-color:#18181b0a;color:#18181b;box-shadow:0 1px 4px #18181b09}.dark .media-start-tabs button[aria-pressed=true]{background:#ffffff0d;border-color:#ffffff08;color:#fafafa}.media-start-tabs button:hover{color:#18181b}.dark .media-start-tabs button:hover{color:#fafafa}.media-start-tab-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;overflow:hidden;border-radius:7px}.media-start-tab-icon>div{width:100%;height:100%;max-width:100%;max-height:100%}.media-start-tabs .media-start-agent-icon{width:21px;height:21px;stroke-width:1.6}.media-start-heading{margin:0 0 clamp(16px,2.5dvh,30px);font-size:clamp(22px,2.1vw,34px);line-height:1.18;letter-spacing:-.035em;font-weight:550;text-align:center;color:#18181b}.dark .media-start-heading{color:#fafafa}.media-start-heading>span{font-weight:400;color:#85858e}.media-start-heading.is-video>span{display:block;font-size:.8em;line-height:1.5}.media-start-main{width:100%;max-width:none;gap:0;margin-bottom:0}.media-start-showcase{flex-direction:column;container-type:inline-size}.media-preset-deck,.media-start-showcase{display:flex;align-items:center;width:100%;min-width:0}.media-preset-deck{justify-content:center;gap:clamp(14px,1.7vw,30px);height:calc(var(--preset-height) + 38px);margin:0 0 clamp(20px,3.5dvh,42px);padding:14px 10px 20px;isolation:isolate}.media-preset-card{--tilt:-3.5deg;--lift:0px;position:relative;display:block;flex:0 1 auto;width:calc(var(--preset-height) * .8);height:var(--preset-height);min-width:0;padding:0;overflow:hidden;border:1.5px solid #ffffff17;border-radius:14px;transform:rotate(var(--tilt)) translateY(var(--lift));background:#252525;box-shadow:0 12px 28px #0003,0 0 0 1px #00000005;text-align:left;transition:transform .22s ease,border-color .18s ease,box-shadow .22s ease}.media-preset-card:nth-child(2){--tilt:2.5deg;--lift:8px}.media-preset-card:nth-child(3){--tilt:-2deg;--lift:-2px}.media-preset-card:nth-child(4){--tilt:3.5deg;--lift:6px}.dark .media-preset-card{box-shadow:0 16px 32px #0007,0 0 0 1px #ffffff04}.media-preset-card.is-active,.media-preset-card:focus-visible{z-index:2;border-color:#ffffffe0;transform:rotate(var(--tilt)) translateY(calc(var(--lift) - 4px)) scale(1.015);box-shadow:0 18px 38px #0005,0 0 22px #fff2}.dark .media-preset-card.is-active,.dark .media-preset-card:focus-visible{box-shadow:0 18px 40px #0009,0 0 24px #ffffff12}.media-preset-card:focus-visible{outline:2px solid #a78bfa;outline-offset:4px}.media-preset-card>img,.media-preset-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-preset-card>.media-preset-before{clip-path:inset(0 50% 0 0)}.media-preset-comparison{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #ffffff26;border-radius:99px;background:#101014a6;backdrop-filter:blur(8px);color:#fff;font-size:10px}.media-preset-comparison svg{width:10px;height:10px}.media-preset-card:has(.media-preset-comparison) .media-preset-video-badge{left:auto;right:10px}.media-preset-card>video{z-index:1;pointer-events:none}.media-preset-caption,.media-preset-use{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:9px;height:40px;padding:0 14px;background:linear-gradient(0deg,#101012f0,#101012b0);backdrop-filter:blur(8px);color:#fafafa;font-size:clamp(11px,.9vw,13px);font-weight:500;white-space:nowrap;transition:opacity .16s}.media-preset-caption>svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.7}.media-preset-caption>span{overflow:hidden;text-overflow:ellipsis}.media-preset-use{justify-content:center;opacity:0}.media-preset-use svg{width:15px;height:15px;stroke-width:1.8}.media-preset-card.is-active .media-preset-use{opacity:1}.media-preset-card.is-active .media-preset-caption{opacity:0}.media-preset-deck.is-video{gap:clamp(14px,1.6vw,26px)}.is-video .media-preset-card{flex:1.55 1 0;width:auto;height:calc(var(--preset-height) * .9);--tilt:-3deg}.is-video .media-preset-card:nth-child(2),.is-video .media-preset-card:nth-child(3){flex:0.8 1 0;height:var(--preset-height)}.is-video .media-preset-card:nth-child(2){--tilt:-1.5deg}.is-video .media-preset-card:nth-child(3){--tilt:2.5deg}.is-video .media-preset-card:nth-child(4){flex:1.35 1 0;height:calc(var(--preset-height) * .86)}.media-preset-video-badge{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:99px;background:#101012a6;backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:500}.media-preset-video-badge svg{width:11px;height:11px}.is-video .media-preset-caption,.is-video .media-preset-card.is-active .media-preset-caption{opacity:1;white-space:normal;line-height:1.2}.is-video .media-preset-use{inset:auto 10px 50px auto;height:32px;padding:0 13px;border-radius:99px;background:#fff;color:#09090b;box-shadow:0 4px 14px #0006;font-size:12px}.media-start-composer{width:100%;max-width:1024px;flex-shrink:0}@media (min-width:768px){.media-start-main{flex:1}.media-start-showcase{flex:1;justify-content:center;padding-block:8px 10px}.media-start-page[data-preset-family=image]{padding-inline:24px;height:100%;min-height:0}.media-start-page[data-preset-family=image] .media-start-main{min-height:0}.media-start-page[data-preset-family=image] .media-start-showcase{min-height:0;container-type:size}.media-start-page[data-preset-family=image] .media-preset-deck{--preset-height:min(336px,calc((100cqw - 80px) / 3.2),calc(100cqh - 108px));gap:18px;margin-bottom:18px}.media-start-page[data-preset-family=image] .media-preset-card{max-width:none}.media-start-heading{font-size:clamp(26px,min(2.4vw,4.4dvh),34px)}.media-start-page[data-preset-family=image] .media-preset-caption{gap:6px;padding-inline:9px;white-space:normal;line-height:1.15}}@media (max-height:700px) and (min-width:768px){.media-start-page{--preset-height:clamp(132px,27dvh,185px);padding-top:12px;padding-bottom:16px}.media-start-page .media-start-tabs{margin-bottom:14px}.media-start-heading{font-size:22px;margin-bottom:10px}.media-preset-deck{height:calc(var(--preset-height) + 24px);margin-bottom:16px;gap:18px;padding-block:8px 12px}.media-preset-caption,.media-preset-use{height:32px;padding-inline:9px;font-size:10px;gap:6px}.media-preset-caption>svg{width:13px;height:13px}}@media (min-width:768px) and (max-width:1199px){.media-start-page,.media-start-page[data-preset-family=image]{padding-inline:12px}.media-preset-card{max-width:21%}.media-preset-deck.is-video .media-preset-card{max-width:none}}@media (max-width:767px){.media-start-page{--preset-height:172px;min-height:0;padding:14px 12px 24px}.media-start-page .media-start-tabs{max-width:100%;gap:1px;padding:3px;border-radius:14px;margin-bottom:20px}.media-start-tabs button{min-width:0;height:34px;padding:0 12px;gap:7px;font-size:12px;border-radius:10px}.media-start-tab-icon{width:22px;height:22px;border-radius:6px}.media-start-tabs .media-start-agent-icon{width:18px;height:18px}.media-start-heading{max-width:320px;font-size:23px;margin-bottom:12px;line-height:1.25}.media-preset-deck{justify-content:flex-start;gap:12px;max-width:100%;height:198px;margin-bottom:16px;padding:10px 8px 16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.media-preset-deck::-webkit-scrollbar{display:none}.media-preset-card,.media-preset-card:nth-child(n){--tilt:0deg;--lift:0px;flex:0 0 138px;width:138px;height:172px;max-width:none;border-radius:12px;scroll-snap-align:center}.media-preset-card.is-active{transform:translateY(-2px)}.media-preset-caption,.media-preset-use{height:33px;padding-inline:9px;gap:6px;font-size:10px}.media-preset-caption>svg{width:13px;height:13px}.media-preset-deck.is-video{height:176px;gap:12px}.media-preset-deck.is-video .media-preset-card:nth-child(n){flex:0 0 126px;width:126px;height:150px}.media-preset-deck.is-video .media-preset-card:first-child,.media-preset-deck.is-video .media-preset-card:last-child{flex-basis:225px;width:225px;height:150px}.media-preset-video-badge{top:8px;left:8px;height:21px;font-size:10px}.is-video .media-preset-use{font-size:11px;height:28px;padding-inline:10px;bottom:42px;right:9px}}@media (prefers-reduced-motion:reduce){.media-preset-card,.media-preset-card.is-active{transform:none;transition:none}}.media-preset-deck.is-motion{gap:clamp(16px,2.5vw,36px)}.media-preset-deck.is-motion .media-preset-card:nth-child(n){flex:0 1 auto;width:calc(var(--preset-height) * .5625);height:var(--preset-height);max-width:none}.media-preset-inputs{position:absolute;bottom:48px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;height:32px;padding:4px 7px;border:1px solid #ffffff1f;border-radius:9px;background:#101014ba;backdrop-filter:blur(8px);color:#fafafa;font-size:10px;transition:opacity .15s}.media-preset-inputs img{width:22px;height:22px;border-radius:4px;object-fit:cover}.media-preset-inputs>svg{width:9px;height:9px;opacity:.65}.media-preset-motion-input{position:relative}.media-preset-motion-input svg{position:absolute;width:9px;height:9px;bottom:2px;right:2px;filter:drop-shadow(0 1px 2px #000)}.is-motion .media-preset-card.is-active .media-preset-inputs{opacity:0}.is-motion .media-preset-caption{font-size:clamp(10px,.8vw,12px);gap:6px;padding-inline:9px}.is-motion .media-preset-caption>svg{width:13px;height:13px}.is-motion .media-preset-use{bottom:48px;right:auto;left:8px;padding-inline:10px;font-size:11px}@media (min-width:768px){.media-start-page[data-preset-family=motion]{height:100%;min-height:0}.media-start-page[data-preset-family=motion] .media-start-main{min-height:0}.media-start-page[data-preset-family=motion] .media-start-showcase{min-height:0;container-type:size}.media-preset-deck.is-motion{--preset-height:min(300px,calc((100cqw - 112px) / 2.25),calc(100cqh - 108px));margin-bottom:18px}}@media (min-width:768px) and (max-height:700px){.is-motion .media-preset-use,.media-preset-inputs{bottom:38px}.media-preset-inputs{height:28px;padding:3px 5px;gap:3px}.media-preset-inputs img{width:19px;height:19px}.media-preset-inputs>span:last-child{display:none}}@media (max-width:767px){.media-preset-deck.is-motion{height:236px;gap:12px}.media-preset-deck.is-motion .media-preset-card:nth-child(n){flex:0 0 118px;width:118px;height:210px}.is-motion .media-preset-caption{font-size:10px}.is-motion .media-preset-use,.media-preset-inputs{bottom:40px}.media-preset-inputs{left:6px;gap:4px;height:29px;padding-inline:5px}}