/* Aldio uses the same bundled Inter variable font as the platform UI. */
@font-face{font-family:'Aldio Sans';src:url('/fonts/inter/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body{font-family:'Aldio Sans',Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
:is(.aldio-app,.aldio-library,.aldio-detail,.aldio-effects-modal){font-family:'Aldio Sans',Inter,system-ui,-apple-system,sans-serif!important}
:is(.aldio-app,.aldio-library,.aldio-detail) :is(h1,h2,h3,h4,button,input,select,textarea,label){font-family:'Aldio Sans',Inter,system-ui,-apple-system,sans-serif!important}
.aldio-app :is(.as-page,.aldio-effects){padding-top:20px!important}.aldio-app .as-workspace-head{margin-bottom:14px!important}.aldio-app .as-workspace-head h1{font-size:clamp(28px,2.4vw,42px);line-height:1.1;letter-spacing:-.04em}.aldio-app .aldio-showreel{margin-block:16px!important}
.aldio-ugc-shelf{position:relative;margin:14px 0 20px;padding:20px;border:1px solid #e8ddf8;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#ecddff80,transparent 60%),linear-gradient(120deg,#f8f4ff,#fff9f1);color:#2f2243;overflow:hidden}
.aldio-ugc-shelf .ugc-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.aldio-ugc-shelf .ugc-heading small{font:700 11px/1.5 'Aldio Sans',Inter,sans-serif;letter-spacing:.09em;color:#7953a4}.aldio-ugc-shelf .ugc-heading h2{font-size:clamp(24px,2vw,36px);font-weight:750;letter-spacing:-.04em;line-height:1.1;margin:7px 0 8px;color:#302044}.aldio-ugc-shelf .ugc-heading p{font-size:13px;line-height:1.45;color:#746285;margin:0}.aldio-ugc-shelf .ugc-heading button{display:flex;align-items:center;gap:10px;border:0;border-radius:12px;padding:12px 17px;background:#7250cb;color:white;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:650;box-shadow:0 5px 15px #7450c524;transition:transform .18s,background .18s}.aldio-ugc-shelf .ugc-heading button:hover{background:#603ab7;transform:translateY(-2px)}
.aldio-ugc-shelf .ugc-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aldio-ugc-shelf .ugc-card{position:relative;aspect-ratio:16/11;min-width:0;overflow:hidden;border:0;border-radius:16px;padding:0;background:#2f2342;color:white;text-align:left;cursor:pointer;isolation:isolate;box-shadow:0 2px 8px #39234c12;transition:transform .22s,box-shadow .22s;animation:ugc-enter .4s both}.aldio-ugc-shelf .ugc-card:nth-child(2){animation-delay:.04s}.aldio-ugc-shelf .ugc-card:nth-child(3){animation-delay:.08s}.aldio-ugc-shelf .ugc-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #44266524}.aldio-ugc-shelf .ugc-card img,.aldio-ugc-shelf .ugc-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .35s,opacity .25s}.aldio-ugc-shelf .ugc-card:hover img{transform:scale(1.035)}.aldio-ugc-shelf .ugc-card video{opacity:0}.aldio-ugc-shelf .ugc-card video[data-playing=true]{opacity:1}.aldio-ugc-shelf .ugc-card video:not([src]){display:none}
.aldio-ugc-shelf .ugc-caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:5px;padding:52px 64px 18px 18px;background:linear-gradient(transparent,#1c1028e8);z-index:2}.aldio-ugc-shelf .ugc-caption strong{font-size:clamp(16px,1.3vw,24px);font-weight:700;line-height:1.2;color:white!important;letter-spacing:-.025em}.aldio-ugc-shelf .ugc-caption small{font-size:12px;line-height:1.4;color:#f3e9ff!important}.aldio-ugc-shelf .ugc-watch{position:absolute;right:16px;bottom:18px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#6340ad;box-shadow:0 4px 15px #0002;transition:transform .2s}.aldio-ugc-shelf .ugc-card:hover .ugc-watch{transform:scale(1.08)}.aldio-ugc-shelf .ugc-watch svg{width:18px;height:18px;fill:currentColor}.aldio-ugc-shelf .ugc-quality{position:absolute;left:13px;top:13px;border-radius:20px;padding:6px 10px;background:#20152b85;backdrop-filter:blur(12px);color:#fff!important;font-size:10px;font-weight:650;letter-spacing:.03em;z-index:2}
.aldio-ugc-shelf .ugc-hooks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.aldio-ugc-shelf .ugc-hooks small{font-size:11px;color:#8b74a2;font-weight:600;margin-right:3px}.aldio-ugc-shelf .ugc-hooks button{border:1px solid #e0d2ed;border-radius:24px;padding:8px 12px;background:#fff8;color:#69438f;font-size:11px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}.aldio-ugc-shelf .ugc-hooks button:hover{background:white;transform:translateY(-1px)}.aldio-ugc-shelf button:focus-visible{outline:3px solid #ad87ee;outline-offset:4px}
/* Three cards on desktop, including 4K screens; smaller devices use two or one. */
.aldio-library{width:min(1760px,96vw);height:94vh;max-height:1600px;font-family:'Aldio Sans',Inter,sans-serif!important}.aldio-library .al-main{padding:20px 24px}.aldio-library .al-top{margin-bottom:14px;gap:14px}.aldio-library .al-hero{min-height:156px;padding:20px 24px}.aldio-library .al-hero h1{font-size:clamp(25px,2.2vw,36px);line-height:1.12;margin:8px 0;letter-spacing:-.035em}.aldio-library .al-hero p{margin:6px 0 12px;line-height:1.4}.aldio-library .al-hero-art{top:8px;right:5%;gap:12px}.aldio-library .al-hero-art img{height:160px;width:100px;border-width:4px}.aldio-library .al-hero-art img:nth-child(2){transform:translateY(15px) rotate(-12deg)}.aldio-library .al-section{margin:18px 0 12px}.aldio-library .al-chips{margin-bottom:14px}.aldio-library .al-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.aldio-library .al-art{height:auto;aspect-ratio:16/11}.aldio-library .al-art img,.aldio-library .al-art video{object-position:center 32%}.aldio-library .al-card h3{font-size:15px;margin-top:10px;line-height:1.3}.aldio-library .al-card-meta{font-size:12px}.aldio-library .al-card-actions{margin-top:8px}.aldio-library .al-card-actions button{font-size:12px;padding:9px 13px}.aldio-library .al-rail{padding-top:20px}.aldio-library .al-logo{padding-bottom:16px}
@keyframes ugc-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:2400px){.aldio-ugc-shelf{padding:28px}.aldio-ugc-shelf .ugc-strip{gap:22px}.aldio-ugc-shelf .ugc-card{aspect-ratio:16/9;max-height:680px}.aldio-ugc-shelf .ugc-heading p{font-size:17px}.aldio-ugc-shelf .ugc-heading h2{font-size:44px}.aldio-ugc-shelf .ugc-caption small{font-size:16px}.aldio-ugc-shelf .ugc-watch{width:58px;height:58px}.aldio-ugc-shelf .ugc-quality{font-size:13px}.aldio-ugc-shelf .ugc-hooks button{font-size:14px}.aldio-library .al-art{aspect-ratio:4/3}}
@media(max-width:900px){.aldio-ugc-shelf .ugc-card{aspect-ratio:4/3}.aldio-ugc-shelf .ugc-caption{padding-left:12px;padding-right:48px;bottom:0}.aldio-ugc-shelf .ugc-caption strong{font-size:15px}.aldio-ugc-shelf .ugc-caption small{font-size:10px}.aldio-ugc-shelf .ugc-watch{width:32px;height:32px;right:10px}.aldio-ugc-shelf .ugc-quality{font-size:9px;padding:5px 7px;left:9px;top:9px}}
@media(max-width:760px){.aldio-ugc-shelf{padding:16px}.aldio-ugc-shelf .ugc-strip,.aldio-library .al-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aldio-ugc-shelf .ugc-heading{align-items:flex-start}.aldio-ugc-shelf .ugc-heading h2{font-size:24px}.aldio-ugc-shelf .ugc-heading button{padding:10px 12px;font-size:11px}.aldio-library .al-main{padding:16px}.aldio-library .al-hero{padding:18px;min-height:145px}.aldio-library .al-hero-art{right:-80px;opacity:.4}}
@media(max-width:480px){.aldio-ugc-shelf .ugc-heading{display:block}.aldio-ugc-shelf .ugc-heading button{margin-top:12px}.aldio-ugc-shelf .ugc-strip,.aldio-library .al-grid{grid-template-columns:minmax(0,1fr)}.aldio-ugc-shelf .ugc-card{aspect-ratio:16/11}.aldio-ugc-shelf .ugc-caption strong{font-size:20px}.aldio-ugc-shelf .ugc-caption small{font-size:12px}.aldio-library .al-hero-copy{max-width:100%}.aldio-library .al-hero-art{display:none}.aldio-library .al-art{aspect-ratio:4/3}.aldio-library .al-card h3{white-space:normal}.aldio-library .al-card-actions{flex-wrap:nowrap}.aldio-library .al-badge{font-size:11px}}
@media(prefers-reduced-motion:reduce){.aldio-ugc-shelf *{animation:none!important;transition:none!important}.aldio-library .al-main{scroll-behavior:auto}}
.aldio-app .aldio-effects-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.aldio-app .aldio-effects-hero{min-height:220px!important;padding-block:24px!important;margin-bottom:16px!important}.aldio-app .aldio-effects-library-head{margin-top:20px!important}
@media(max-width:760px){.aldio-app .aldio-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.aldio-app .aldio-effects-hero{min-height:0!important;padding-block:18px!important}}
@media(max-width:480px){.aldio-app .aldio-effects-grid{grid-template-columns:minmax(0,1fr)!important}}

/* A clear workspace title followed by a quieter collection heading. */
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-workspace-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-bottom:20px;margin-bottom:0!important;border-bottom:1px solid #e7e1ed}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-back{margin-bottom:18px}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-eyebrow{font:650 11px/1.4 'Aldio Sans',Inter,sans-serif;letter-spacing:.1em;margin:0 0 8px;color:#7953a4}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-workspace-head h1{font-size:clamp(26px,2vw,34px);font-weight:700;letter-spacing:-.035em;line-height:1.18;margin:0 0 9px}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-workspace-head p:not(.as-eyebrow){font-size:14px;line-height:1.5;max-width:660px;color:#756e80;margin:0}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-head-actions{grid-column:auto!important;display:flex;gap:10px;padding:0;border:0;align-items:center;flex-wrap:wrap}
.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-head-actions button{font-size:12px;font-weight:600;padding:10px 14px;border-radius:10px;white-space:nowrap}
.aldio-ugc-shelf .ugc-heading{align-items:center;margin-bottom:20px}.aldio-ugc-shelf .ugc-heading small{font-size:10px;letter-spacing:.11em}.aldio-ugc-shelf .ugc-heading h2{font-size:clamp(22px,1.7vw,30px);font-weight:650;line-height:1.2;letter-spacing:-.03em;margin:6px 0 7px}.aldio-ugc-shelf .ugc-heading p{font-size:13px;line-height:1.5;max-width:560px}
@media(max-width:760px){.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-workspace-head{grid-template-columns:1fr;gap:14px}.aldio-app .as-workspace:has(.aldio-ugc-shelf) .as-head-actions{justify-content:flex-start}.aldio-ugc-shelf .ugc-heading{gap:14px;flex-wrap:wrap}}

@media(min-width:1100px){.aldio-ugc-shelf .ugc-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.aldio-ugc-shelf .ugc-card{aspect-ratio:4/3}.aldio-ugc-shelf .ugc-caption strong{font-size:clamp(16px,1.1vw,23px)}.aldio-ugc-shelf .ugc-caption{padding-right:60px}}
@media(min-width:2400px){.aldio-ugc-shelf .ugc-strip{gap:22px}.aldio-ugc-shelf .ugc-card{aspect-ratio:16/11}.aldio-ugc-shelf .ugc-caption{padding-right:84px}}

/* Restore the user-requested four-column desktop Effects gallery. */
@media(min-width:1100px){.aldio-app.aldio-app .aldio-effects-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}