.auth-trigger,.auth-primary{background:var(--text);color:var(--page);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.auth-trigger{white-space:nowrap;flex:none;min-height:36px;padding:0 15px;font-size:13px}.auth-trigger svg{display:none}.top-actions:has(.auth-trigger){min-width:0}.top-actions:has(.auth-trigger)>:not(.header-search){flex:none}.top-actions:has(.auth-trigger) .header-search{min-width:60px}@media (width>=1151px) and (width<=1280px){.top-actions:has(.auth-trigger) .header-search{justify-content:center;width:38px;min-width:38px;padding:0}.top-actions:has(.auth-trigger) .header-search>span{display:none}}@media (prefers-reduced-transparency:no-preference){.dialog-overlay.auth-overlay{background:#0d100d85}}.dialog.auth-dialog{border-radius:24px;width:min(420px,100vw - 24px);padding:30px 32px 24px;font-size:14px}.auth-close{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.auth-close:hover,.auth-password button:hover{background:var(--surface-alt)}.auth-title{letter-spacing:-.035em;padding-right:20px;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:32px;line-height:1.08}.auth-description{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 22px;line-height:1.55}.auth-form{gap:14px;display:grid}.auth-form label{font-weight:550;display:block}.auth-form input{border:1px solid var(--border);background:var(--surface-alt);width:100%;height:46px;color:var(--text);border-radius:14px;margin-top:6px;padding:0 13px;font-size:16px;display:block}.auth-form input:focus{outline:1px solid var(--accent-ink);outline-offset:0}.auth-field-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-password button{width:40px;height:40px;color:var(--muted);border-radius:11px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.auth-primary{width:100%;min-height:44px;padding:9px 16px}.auth-form .auth-primary{margin-top:6px}.auth-primary:hover:not(:disabled),.auth-trigger:hover:not(:disabled){opacity:.88}.auth-divider{color:var(--muted);text-align:center;margin:16px 0;font-size:13px}.google-sign-in{text-align:center;min-height:44px}.auth-link{color:var(--muted);padding:0;font-size:13px}.auth-link:hover{color:var(--text);text-decoration:underline}.auth-footer{min-height:32px;margin:22px auto 0;display:block}.auth-feedback{color:var(--muted);margin:0 0 8px;line-height:1.45}.auth-form .auth-feedback{margin-bottom:0}.auth-error{color:#a33428}[data-theme=dark] .auth-error{color:#ffab9f}@media (width<=1024px){.auth-trigger{width:36px;padding:0}.auth-trigger svg{display:block}.auth-trigger span{display:none}}@media (width>=768px) and (width<=1280px){.header-inner:has(.auth-trigger){gap:12px;padding-inline:16px}.header-inner:has(.auth-trigger) .site-nav:not(.site-nav-open){gap:10px}.top-actions .button.header-agent{width:36px;padding:0}.header-agent>span{display:none}}@media (width<=560px){.dialog.auth-dialog{padding-inline:22px}}@media (width<=370px){.top-actions:has(.auth-trigger) .language-switch select{width:61px}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#fafbf9;--surface:#fefefd;--surface-alt:#f0f2ef;--text:#252822;--muted:#656b61;--subtle:#70766c;--border:#e1e5dc;--accent:#b94f2d;--accent-soft:#fcf0e9;--accent-ink:var(--accent);--shadow:0 16px 60px #2430201a;--layer-header:20;--layer-modal:50;color:var(--text);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--page:#121411;--surface:#191c17;--surface-alt:#23271f;--text:#f0f2e9;--muted:#b4baad;--subtle:#a5ad9e;--border:#343a2e;--accent-ink:color-mix(in srgb, var(--accent) 40%, #fff);--shadow:0 16px 60px #070a0660;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .app-shell{--accent-soft:color-mix(in srgb, var(--accent) 17%, #22271f)!important}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ink)}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--text)}h1,h2,h3,p{margin:0}h2,h3{letter-spacing:-.035em;font-weight:600}p{line-height:1.8}svg{flex-shrink:0}button svg{pointer-events:none}.app-shell{min-height:100dvh;color:var(--text);background:var(--page)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:80;background:var(--surface);border:1px solid var(--accent);border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.topbar{border-bottom:1px solid var(--border);background:var(--page);height:78px;z-index:var(--layer-header);position:sticky;top:0}.header-inner{align-items:center;gap:36px;max-width:1440px;height:100%;margin:0 auto;padding:0 40px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent-ink);border:1px solid var(--border);box-shadow:inset 0 0 0 3px var(--surface);border-radius:10px;place-items:center;display:grid}.site-nav{color:var(--muted);align-items:center;gap:27px;font-size:12px;display:flex}.site-nav>a,.site-nav>button,.resource-menu-wrap>button{white-space:nowrap;padding:10px 0}.site-nav a:hover,.site-nav button:hover{color:var(--text)}.resource-menu-wrap{position:relative}.resource-menu-wrap>button{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.resource-menu{border:1px solid var(--border);background:var(--surface);width:240px;box-shadow:var(--shadow);border-radius:14px;padding:10px;position:absolute;top:43px;left:-15px}.resource-menu>p{color:var(--muted);padding:7px 9px 12px;font-size:10px}.resource-menu>a{border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.resource-menu>a:hover,.resource-menu>a[aria-current]{background:var(--surface-alt)}.resource-menu>a>span:nth-child(2){flex:1}.resource-menu small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.site-symbol{background:var(--surface-alt);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.top-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.icon-button.selected{background:var(--surface-alt);color:var(--text)}.button{white-space:nowrap;background:var(--text);min-height:44px;color:var(--page);border:1px solid var(--text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:12px;font-weight:550;line-height:1.3;display:inline-flex}.button:hover{filter:brightness(.91)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.compact{min-height:36px;padding:10px 16px;font-size:11px}.quiet-button,.text-button{color:var(--muted);align-items:center;gap:7px;padding:7px 0;font-size:11px;display:inline-flex}.quiet-button:hover,.text-button:hover{color:var(--accent-ink)}.dark-only{display:none}[data-theme=dark] .dark-only{display:block}[data-theme=dark] .light-only,.mobile-menu{display:none}main{max-width:1360px;margin:0 auto;padding:0 40px}.storefront-hero{text-align:center;padding:48px 0 46px}.hero-heading{max-width:880px;margin:0 auto}.hero-heading h1{letter-spacing:-1.8px;font-size:44px;font-weight:650;line-height:1.3}.hero-heading h1>span{color:var(--accent-ink);margin-left:.15em}.hero-heading>p{color:var(--muted);max-width:650px;margin:15px auto 0;font-size:13px;line-height:1.9}.hero-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:22px;max-width:1120px;margin:31px auto 28px;padding:12px 8px 0;display:grid}.hero-tile{min-width:0}.hero-tile:first-child{transform:rotate(-3deg)translateY(4px)}.hero-tile:nth-child(2){transform:rotate(2deg)translateY(-3px)}.hero-tile:nth-child(3){transform:rotate(-2deg)translateY(4px)}.hero-tile:nth-child(4){transform:rotate(3deg)translateY(-3px)}.hero-tile .preview{aspect-ratio:16/10;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px #26331a0d}.hero-tile-caption{color:var(--muted);margin-top:13px;font-size:10px;display:block}.hero-actions{justify-content:center;align-items:center;gap:12px;display:flex}.hero-actions .button{min-width:140px}.preview{aspect-ratio:16/9;background:#20252f;border-radius:16px;position:relative;overflow:hidden}.preview canvas{object-fit:cover;width:100%;height:100%;display:block}.preview-open{color:#fafaf4;opacity:0;background:#111b235c;justify-content:center;align-items:center;gap:9px;font-size:12px;transition:opacity .18s;display:flex;position:absolute;inset:0}.preview-open:hover,.preview-open:focus-visible{opacity:1}.preview-open>svg:last-child{position:absolute;bottom:15px;right:15px}.catalog{padding-top:8px;scroll-margin-top:90px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;display:flex}.section-heading h2>span{color:var(--muted);border:1px solid var(--border);letter-spacing:0;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:400}.section-heading p{color:var(--muted);margin-top:8px;font-size:12px}.browse-switch{gap:5px;margin-bottom:17px;display:flex}.browse-switch>button{color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.browse-switch>button.selected{background:var(--text);color:var(--page)}.browse-switch>button>span{font-size:9px}.catalog-tools{align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-field{border:1px solid var(--border);background:var(--surface);min-width:0;height:43px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:11px;padding:0 16px;display:flex}.search-field:focus-within{border-color:var(--accent-ink)}.search-field input{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;height:100%;font-size:12px}.search-field input::placeholder{color:var(--subtle)}kbd{border:1px solid var(--border);background:var(--surface-alt);border-radius:4px;padding:1px 5px;font-size:10px}.select-field{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;display:flex}select{background:0 0;border:0;max-width:100%;padding:7px 3px;font-size:11px}select option{background:var(--surface);color:var(--text)}.filter-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.category-tabs{scrollbar-width:thin;align-items:center;gap:6px;max-width:100%;padding:2px 0;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;color:var(--muted);border:1px solid #0000;border-radius:999px;min-height:34px;padding:8px 13px;font-size:11px}.category-tabs button.selected{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 16%, var(--border))}.category-tabs button:hover:not(.selected){background:var(--surface-alt)}.format-filters{flex-shrink:0;gap:10px;display:flex}.format-filters label{border:1px solid var(--border);border-radius:999px;padding:0 7px}.format-filters select{color:var(--muted);font-size:10px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px;display:grid}.resource-card{min-width:0}.resource-card>.preview{border:1px solid color-mix(in srgb, var(--text) 8%, var(--border))}.card-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-meta span:last-child{font-variant-numeric:tabular-nums;font-size:9px}.card-meta b{padding:0 4px;font-weight:400}.card-title{justify-content:space-between;align-items:center;gap:6px;margin-top:7px;display:flex}.card-title>button:first-child{text-align:left;letter-spacing:-.3px;padding:0;font-size:13px;font-weight:550;line-height:1.65}.card-title>button:first-child:hover{color:var(--accent-ink)}.card-body>p{color:var(--muted);min-height:41px;margin-top:5px;font-size:11px;line-height:1.85}.bookmarked{color:var(--accent-ink)}.card-footer{justify-content:space-between;align-items:center;margin-top:5px;padding-top:11px;display:flex}.demo-label{color:var(--muted);font-size:9px}.card-details{color:var(--muted);align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.card-details:hover{color:var(--accent-ink)}.card-footer .text-button{color:var(--accent-ink);font-size:10px}.empty-state{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:55px 24px;display:flex}.empty-state h3{color:var(--text);font-size:18px}.empty-state p{max-width:480px;font-size:12px}.empty-state .button{margin-top:5px}.skeleton-card>div{aspect-ratio:16/9;background:var(--surface-alt);border-radius:16px}.skeleton-card>span{background:var(--surface-alt);border-radius:4px;width:65%;height:13px;margin-top:14px;display:block}.skeleton-card>span:last-child{width:90%;height:10px}.handoff-strip{text-align:center;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;margin-top:57px;padding:47px 20px 40px;display:flex}.handoff-icon{color:var(--accent-ink);background:var(--accent-soft);border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.handoff-strip h2{letter-spacing:-.8px;font-size:25px}.handoff-strip p{color:var(--muted);margin-top:8px;font-size:12px}.handoff-strip .button{margin-top:6px}.site-footer{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:30px;padding:35px 0 24px;font-size:11px;display:grid}.footer-main>p{color:var(--muted);margin-top:10px;font-size:11px}.site-footer>nav{color:var(--muted);align-items:flex-start;gap:25px;padding-top:9px;font-size:11px;display:flex}.site-footer>nav a{align-items:center;gap:6px;display:inline-flex}.site-footer>nav a:hover{color:var(--text)}.footer-bottom{color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.dialog-overlay{z-index:var(--layer-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111b2b80;position:fixed;inset:0}.dialog{width:min(640px,100vw - 32px);max-height:calc(100dvh - 48px);z-index:calc(var(--layer-modal) + 1);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-wide{width:min(1080px,100vw - 48px)}.dialog-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;display:flex}.dialog-heading h2{letter-spacing:-.5px;font-size:19px;line-height:1.5}.dialog-heading p{color:var(--muted);margin-top:7px;font-size:11px}.detail-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);display:grid}.detail-grid>div{padding:24px}.detail-grid .preview{border-radius:10px}.preview-large{aspect-ratio:16/10}.preview-large canvas{aspect-ratio:16/9;height:auto}.player-controls{color:#ecf0f4;background:#20252f;align-items:center;gap:12px;height:44px;padding:0 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-controls button{color:inherit;place-items:center;padding:4px;display:grid}.player-controls input{accent-color:#e0e4eb;width:100%;min-width:0;height:3px}.player-controls span{white-space:nowrap;color:#c5cdd7;font-size:9px}.preview-caption{color:var(--muted);justify-content:space-between;gap:14px;padding:11px 0 20px;font-size:9px;display:flex}.detail-description h3{margin-top:18px;margin-bottom:9px;font-size:12px}.detail-description p{color:var(--muted);font-size:11px}.detail-description .small{font-size:10px}.input-tags{flex-wrap:wrap;gap:7px;display:flex}.input-tags>span{background:var(--surface-alt);color:var(--muted);border-radius:5px;padding:6px 9px;font-size:10px}.source-link{color:var(--accent-ink);align-items:center;gap:7px;margin-bottom:7px;font-size:11px;display:inline-flex}.detail-side{border-left:1px solid var(--border);background:var(--page);padding:28px 24px}.detail-side h3{margin:17px 0 8px;font-size:20px}.detail-side>p{color:var(--muted);font-size:11px}.spec-grid{grid-template-columns:1fr 1fr;gap:21px 15px;margin:26px 0;display:grid}.spec-grid dt{color:var(--muted);margin-bottom:6px;font-size:10px}.spec-grid dd{margin:0;font-size:12px;line-height:1.6}.detail-status{background:var(--surface-alt);color:var(--muted);border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:13px;font-size:10px;line-height:1.8;display:flex}.detail-status svg{margin-top:2px}.detail-side>.button{width:100%;margin-bottom:10px}.resource-id{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin-top:10px;font-size:9px;display:block}.modal-body{padding:26px}.modal-body h3{margin:8px 0 12px;font-size:17px}.modal-body>p{color:var(--muted);font-size:12px}.modal-body .button{margin-top:20px}.guide-steps{gap:22px;display:grid}.guide-steps>div{padding-left:42px;position:relative}.guide-steps>div>span{background:var(--accent-soft);width:27px;height:27px;color:var(--accent-ink);border-radius:7px;place-items:center;font-size:12px;display:grid;position:absolute;top:1px;left:0}.guide-steps h3{margin:0 0 7px;font-size:13px}.guide-steps p{color:var(--muted);font-size:11px}.notice{background:var(--surface-alt);color:var(--muted);border-radius:8px;align-items:flex-start;gap:10px;margin-top:25px;padding:17px;display:flex}.notice svg{margin-top:2px}.notice p{font-size:11px}.agent-mark{color:var(--accent-ink);margin:5px 0 20px}.brief-form label{flex-direction:column;gap:10px;font-size:12px;display:flex}.skill-account input,.brief-form textarea,.brief-form select{border:1px solid var(--border);background:var(--page);resize:vertical;border-radius:8px;padding:12px;font-size:12px;line-height:1.8}.brief-form textarea::placeholder{color:var(--subtle)}.brief-form label:not(:first-child){margin-top:21px}.brief-form .small{margin-top:8px;font-size:10px}.small{font-size:11px}.muted{color:var(--muted)}.form-error{color:#b53f34;margin:10px 0;font-size:11px}.toast{z-index:90;background:var(--text);color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:9px;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:13px 18px;font-size:11px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:25px;left:calc(50% + 70px);transform:translate(-50%,15px)}.toast.visible{opacity:1;transform:translate(-50%)}.composer{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:40px;padding:24px}.composition-empty{border:1px dashed var(--border);min-height:112px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:12px;display:flex}.composition-empty p{font-size:12px}.composition-summary{color:var(--muted);align-items:center;gap:20px;padding:4px 0 17px;font-size:11px;display:flex}.composition-summary strong{color:var(--text);padding-left:8px;font-size:17px;font-weight:500}.composition-summary button{margin-left:auto;font-size:10px}.shot-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.shot-list li{border:1px solid var(--border);border-radius:9px;grid-template-columns:30px minmax(0,1fr) 84px 104px;align-items:center;gap:14px;padding:16px;display:grid}.shot-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.shot-fields>strong{margin-bottom:10px;font-size:12px;font-weight:500;display:block}.shot-fields>label{color:var(--muted);gap:6px;font-size:10px;display:grid}.shot-fields input,.duration-field input{background:var(--page);border:1px solid var(--border);border-radius:6px;width:100%;min-width:0;padding:8px;font-size:11px}.duration-field{color:var(--muted);gap:7px;font-size:10px;display:grid}.shot-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.selected-resource{border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-ink);border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:13px;font-size:12px;display:flex}.selected-resource small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:9px;display:block}.preview video{object-fit:contain;background:#20252f;width:100%;height:100%;display:block}.media-error{text-align:center;color:#e3e7ee;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;font-size:13px;line-height:1.8;display:flex}.media-error small{color:#bcc6d3;font-size:10px}.toast{left:50%}.label{color:var(--accent-ink);background:var(--accent-soft);border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.dialog-heading{z-index:1;background:var(--surface);position:sticky;top:0}@media (width>=1500px){.hero-heading h1{font-size:48px}.hero-gallery{max-width:1200px}.storefront-hero{padding-block:55px}.resource-grid{gap:34px 25px}}@media (width<=1100px){.header-inner{gap:23px;padding-inline:28px}.site-nav{gap:19px}.top-actions{gap:7px}main{padding-inline:28px}.hero-heading h1{font-size:39px}.hero-gallery{gap:17px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.brand strong{font-size:15px}.header-search{display:none}.hero-tile-caption{font-size:9px}}@media (width<=900px){.header-inner{gap:20px}.site-nav{gap:15px;font-size:11px}.resource-menu-wrap>button{font-size:11px}.top-actions .compact{padding-inline:12px;font-size:10px}.top-actions .compact svg{display:none}.hero-heading h1{font-size:35px}.hero-gallery{gap:13px}.hero-tile .preview{border-radius:13px}.hero-tile:nth-child(n){transform:none}.storefront-hero{padding-block:38px}.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr)}}@media (width<=1024px){.mobile-menu{order:3;margin-left:0;display:inline-grid}.site-nav{display:none}.site-nav-open{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:23px;padding:13px 21px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 20px #2530200a}.resource-menu{width:235px;top:36px;left:auto;right:-45px}.resource-menu-wrap>button,.site-nav a,.site-nav>button{font-size:11px}}@media (width<=767px){html{scroll-padding-top:88px}.topbar{height:65px}.header-inner{gap:11px;padding-inline:18px}.brand{gap:7px}.brand strong{font-size:14px}.brand-mark{border-radius:9px;width:29px;height:29px}.brand-mark svg{width:20px}.top-actions{gap:3px}.top-actions .compact{min-height:33px;padding:8px 11px;font-size:10px}.saved-shortcut{display:none}main{padding-inline:18px}.storefront-hero{padding:34px 0 31px}.hero-heading h1{letter-spacing:-1px;font-size:30px;line-height:1.4}.hero-heading h1>span{margin-left:0;display:block}.hero-heading>p{max-width:380px;margin-top:13px;font-size:11px;line-height:1.9}.hero-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 13px;max-width:480px;margin:22px auto 24px;padding:0}.hero-tile .preview{aspect-ratio:16/9;box-shadow:none;border-radius:13px}.hero-tile-caption{margin-top:7px;font-size:9px}.hero-actions{gap:10px}.hero-actions .button{min-width:132px;min-height:40px;padding:11px 17px;font-size:11px}.preview-open{opacity:1;background:0 0;justify-content:flex-end;align-items:flex-end;padding:10px}.preview-open>span,.preview-open>svg:last-child{display:none}.preview-open>svg:first-child{box-sizing:content-box;background:#17201b99;border-radius:50%;width:13px;height:13px;padding:8px}.catalog{padding-top:2px;scroll-margin-top:85px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:15px}.section-heading h2{gap:9px;font-size:18px}.section-heading p{max-width:300px;font-size:10px;line-height:1.9}.section-heading>.quiet-button{font-size:10px}.browse-switch{margin-bottom:14px}.browse-switch>button{padding:7px 12px;font-size:10px}.catalog-tools{gap:8px;margin-bottom:12px}.search-field{gap:8px;height:41px;padding-inline:12px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:10px}.search-field kbd{display:none}.select-field{padding:5px 8px}.select-field>svg{display:none}.select-field select{padding:6px 1px;font-size:10px}.filter-row{margin-bottom:20px;display:block}.category-tabs{gap:3px}.category-tabs button{min-height:32px;padding:7px 11px;font-size:10px}.format-filters{gap:8px;margin-top:11px}.format-filters select{font-size:9px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.resource-card>.preview{border-radius:13px}.card-body{padding-top:10px}.card-meta{font-size:9px}.card-meta span:last-child{font-size:8px}.card-meta b{padding-inline:2px}.card-title>button:first-child{font-size:12px;line-height:1.75}.card-title .icon-button{width:24px;height:28px}.card-title .icon-button svg{width:16px}.card-body>p{min-height:56px;font-size:10px}.card-footer{padding-top:8px}.demo-label{font-size:8px}.card-details{font-size:9px}.card-footer .text-button{gap:3px;font-size:9px}.handoff-strip{margin-top:37px;padding:34px 5px}.handoff-strip h2{font-size:23px}.handoff-strip p,.handoff-strip .button{font-size:11px}.site-footer{grid-template-columns:1fr;gap:23px;padding-top:28px}.site-footer>nav{gap:20px;padding-top:0;font-size:10px}.footer-main>p{font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;font-size:9px;display:flex}.dialog,.dialog-wide{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-heading{padding:20px}.dialog-heading h2{font-size:17px}.detail-grid{display:block}.detail-grid>div{padding:18px}.detail-side{border-left:0;border-top:1px solid var(--border);padding:23px}.detail-side h3{font-size:18px}.preview-caption{font-size:8px}.modal-body{padding:22px}.toast{width:max-content;font-size:10px}.composer{margin-top:35px;padding:19px 15px}.composer .section-heading{flex-wrap:wrap}.composer .section-heading .button{min-height:34px;padding:9px 12px;font-size:10px}.composition-summary{flex-wrap:wrap;gap:13px}.composition-summary button{margin-left:0}.shot-list li{grid-template-columns:22px minmax(0,1fr) 62px;gap:8px;padding:13px 11px}.shot-actions{grid-column:2/-1}.shot-fields input,.duration-field input,.brief-form textarea,.brief-form select{font-size:16px}.composition-empty{text-align:center;padding:20px;display:block}.composition-empty p{margin-top:10px;font-size:11px}}@media (width<=370px){.header-inner{gap:6px;padding-inline:13px}.top-actions>.icon-button{width:29px}.brand strong{font-size:12px}.brand-mark{width:26px;height:28px}.top-actions .compact{padding-inline:9px;font-size:9px}.mobile-menu{width:28px}.hero-heading h1{font-size:27px}.hero-actions .button{min-width:121px}.resource-grid{grid-template-columns:1fr}.card-body>p{min-height:0}.site-footer>nav{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.dialog-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111b2be0}}.language-switch{color:var(--muted);align-items:center;gap:4px;min-width:0;font-size:11px;display:flex}.language-switch select{cursor:pointer;width:94px;padding:7px 0;font-size:11px}.header-inner{gap:28px}.site-nav{gap:21px}.hero-heading h1{letter-spacing:-1.65px;font-size:43px}.hero-heading>p{max-width:720px;font-size:13px}:root{--page:#f4f1e9;--surface:#fbfaf6;--surface-alt:#eae8e0;--text:#121313;--muted:#686962;--subtle:#70716b;--border:#deddd5;font-family:Bricolage Grotesque Variable,Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}:root[data-theme=dark]{--page:#121313;--surface:#1b1d1c;--surface-alt:#242724;--text:#f4f1e9;--muted:#b8b8ae;--subtle:#aaa99f;--border:#343732}main{max-width:1400px;padding-inline:32px}.topbar{background:var(--page);border-bottom:0;height:72px}.header-inner{gap:28px;max-width:1400px;padding-inline:32px}.brand{gap:9px}.brand strong{letter-spacing:-.7px;font-size:18px;font-weight:650}.brand-mark{background:var(--text);border:0;border-radius:9px;width:33px;height:33px}.brand-mark svg{width:23px;color:color-mix(in srgb, var(--accent) 65%, var(--page))}.site-nav{gap:23px;font-size:13px}.top-actions{gap:8px}.language-switch{gap:3px}.language-switch select{width:78px;font-size:11px}.top-actions .header-search{border:1px solid var(--border);background:0 0;border-radius:999px;order:-1;justify-content:space-between;align-items:center;gap:13px;width:192px;height:38px;padding:0 14px;display:flex}.header-search>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.top-actions .saved-shortcut{color:#171b12;background:#edf59e;border-radius:50%;width:34px;height:34px}.top-actions .compact{min-height:36px;padding:9px 15px;font-size:12px}.storefront-hero{text-align:center;background:radial-gradient(ellipse at 50% 74%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 65%);width:100vw;min-height:0;margin-inline:calc(50% - 50vw);padding:75px 0 76px;display:block;position:relative;overflow:clip}.hero-heading{max-width:1280px;margin:0 auto;padding-inline:32px}.hero-heading h1{letter-spacing:-.06em;text-wrap:balance;color:var(--text);text-shadow:2.24px 2.88px 0 color-mix(in srgb, var(--accent) 42%, var(--page)), 3.52px 4.48px 0 color-mix(in srgb, var(--text) 12%, transparent);font-size:clamp(44px,5vw,66px);font-weight:600;line-height:1.02}.hero-heading h1>span{color:inherit;white-space:nowrap;margin:0;display:inline}.hero-icon-wall{width:100%;margin:51px 0 45px;padding:5px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.hero-icon-row{gap:18px;width:max-content;display:flex;position:relative;left:50%;transform:translate(-50%)}.hero-icon-row.row-1{margin-top:26px;margin-left:-35px}.hero-icon-tile{color:#182019;border-radius:20px;flex-shrink:0;place-items:center;width:92px;height:92px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff16}.hero-icon-tile>svg:first-child{transform:translate(-2px,-2px)}.hero-icon-gesture{color:#182019;background:inherit;border-radius:50%;position:absolute;bottom:13px;right:15px}.hero-actions{justify-content:center;align-items:center;gap:14px;margin:0;display:flex}.hero-actions .button{white-space:nowrap;min-width:155px;min-height:48px;padding:14px 23px;font-size:14px;font-weight:600}.hero-actions .secondary{background:color-mix(in srgb, var(--page) 60%, transparent);border:1px solid color-mix(in srgb, var(--text) 18%, var(--page));min-width:197px}.hero-actions .secondary>svg{transform:rotate(-12deg)}.catalog{padding-top:28px}.section-heading{margin-bottom:21px}.section-heading h2{letter-spacing:-.7px;font-size:21px;font-weight:600}.section-heading p{margin-top:10px;font-size:13px;line-height:1.7}.browse-switch{margin-bottom:16px}.browse-switch>button{font-size:12px}.search-field,.select-field{background:0 0}.resource-grid{gap:29px 21px}.resource-preview{border-radius:20px;min-width:0;position:relative;overflow:hidden}.resource-preview>.preview{aspect-ratio:16/9;border:0;border-radius:20px}.resource-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#11191768);height:36px;position:absolute;bottom:0;left:0;right:0}.resource-status{color:#22281a;text-transform:uppercase;background:#edf59e;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:550;position:absolute;top:11px;left:11px}.resource-spec{color:#fafbf5;z-index:1;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:9px;right:12px}.resource-preview .preview-open{color:#1b231c;background:#f7f6f0c9;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;inset:10px 10px auto auto}.resource-preview .preview-open>span,.resource-preview .preview-open>svg:last-child{display:none}.resource-preview .preview-open>svg:first-child{width:13px;height:13px;display:block}.card-body{padding:7px 0 0}.card-meta,.card-body>p{display:none}.card-title{align-items:flex-start;gap:4px;margin:0}.card-title>button:first-child{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;padding-top:3px;font-size:13px;font-weight:450;line-height:1.7;overflow:hidden}.card-title .icon-button{width:27px;height:27px}.card-title .icon-button svg{width:15px}.card-footer{border:0;min-height:0;margin:0;padding:0}.card-footer .demo-label,.card-footer .card-details{display:none}.card-footer .text-button{margin-top:5px;font-size:11px}@media (width<=1150px){.header-inner{gap:20px}.site-nav{gap:17px}.top-actions .header-search{display:none}.storefront-hero{padding-top:66px}.hero-heading h1{font-size:53px}}@media (width<=900px){.header-inner{gap:15px;padding-inline:25px}.site-nav{gap:14px}.top-actions .compact{font-size:10px}.language-switch select{width:72px}.hero-heading h1{font-size:47px}.hero-icon-tile{border-radius:18px;width:80px;height:80px}.hero-icon-row{gap:15px}.hero-icon-row.row-1{margin-top:22px}}@media (width<=767px){main{padding-inline:18px}.topbar{height:64px}.header-inner{gap:10px;padding-inline:18px}.brand strong{font-size:18px}.top-actions .compact{display:none}.language-switch select{width:84px;font-size:11px}.language-switch>svg{width:15px}.storefront-hero{padding:49px 0 51px}.hero-heading{padding-inline:21px}.hero-heading h1{letter-spacing:-.055em;text-shadow:1.5px 2px 0 color-mix(in srgb, var(--accent) 42%, var(--page));font-size:39px;line-height:1.04}.hero-icon-wall{margin:34px 0}.hero-icon-tile{border-radius:16px;width:68px;height:68px}.hero-icon-tile>svg:first-child{width:34px;height:34px}.hero-icon-gesture{width:20px;height:20px;bottom:9px;right:10px}.hero-icon-row{gap:13px}.hero-icon-row.row-1{margin-top:18px;margin-left:-30px}.hero-actions{gap:10px;padding-inline:18px}.hero-actions .button{min-width:0;min-height:44px;padding:13px 16px;font-size:12px}.hero-actions .secondary{min-width:0}.catalog{padding-top:24px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.resource-preview,.resource-preview>.preview{border-radius:16px}.resource-status{padding:3px 6px;font-size:8px;top:8px;left:8px}.resource-spec{font-size:8px;bottom:7px;right:8px}.resource-preview .preview-open{width:23px;height:23px;top:7px;right:7px}.card-title>button:first-child{font-size:12px}}@media (width<=370px){.header-inner{gap:7px;padding-inline:13px}.brand strong{font-size:16px}.language-switch select{width:77px;font-size:10px}.language-switch>svg{display:none}.top-actions{gap:3px}.hero-heading h1{font-size:34px}.hero-actions .button{padding-inline:12px;font-size:10px}.resource-grid{gap:22px 12px}}.language-notice{background:var(--surface-alt);color:var(--text);justify-content:center;align-items:center;gap:14px;padding:10px;font-size:12px;display:flex}.language-notice button{text-decoration:underline}.catalog-options-button{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:inline-flex}.catalog-options-button:hover{color:var(--text)}.section-heading{flex-wrap:wrap;gap:12px}.app-shell .storefront-hero{background:0 0;width:auto;margin:0;padding:58px 0 62px;overflow:visible}.app-shell .hero-heading{max-width:none;margin:0;padding:0}.app-shell .hero-heading h1{text-shadow:none;letter-spacing:-.055em;font-size:clamp(42px,4.7vw,67px);line-height:1.04}.app-shell .hero-heading h1>span{color:var(--accent-ink);margin-top:.1em;display:block}.app-shell .hero-heading>p{max-width:440px;color:var(--muted);margin:23px 0 0;font-size:14px;line-height:1.85;display:block}.app-shell .hero-actions{justify-content:flex-start;gap:10px;margin-top:27px;padding:0}.app-shell .hero-actions .button{min-width:0;min-height:44px;padding:12px 20px;font-size:12px}.hero-sample{min-width:0}.hero-sample .preview{aspect-ratio:16/9;border:0;border-radius:18px}.hero-sample-caption{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:13px;display:flex}.hero-sample-caption button{text-align:left;align-items:center;gap:8px;padding:0;font-size:14px;line-height:1.5;display:flex}.hero-sample-caption button:hover{color:var(--accent-ink)}.hero-sample-caption>span{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px;line-height:2}.hero-unavailable{min-height:220px;color:var(--muted);place-items:center;font-size:13px;display:grid}.app-shell .hero-debutry{grid-template-columns:42% minmax(0,1fr);align-items:center;gap:54px;min-height:520px;display:grid}.hero-debutry .hero-heading h1{font-size:clamp(42px,4.5vw,65px)}.hero-launch-feature{padding:24px 0 15px}.hero-launch-feature .preview{border-radius:24px;box-shadow:0 24px 60px #7d4c2415}.app-shell[data-site=product-motion] .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.app-shell[data-site=product-motion] .card-title>button:first-child{font-size:15px;font-weight:500}.app-shell[data-site=product-motion] .card-body>p{color:var(--muted);min-height:0;margin-top:5px;font-size:12px;line-height:1.75;display:block}.app-shell .hero-tweenry{grid-template-columns:31% minmax(0,1fr);align-items:center;gap:45px;min-height:510px;display:grid}.hero-tweenry .hero-heading h1{font-size:clamp(41px,4.1vw,57px)}.hero-tweenry .hero-heading>p{max-width:330px;font-size:13px}.hero-tweenry .hero-actions{flex-wrap:wrap}.hero-component-samples{grid-template-columns:1.8fr 1fr;align-items:start;gap:24px 18px;display:grid}.hero-component-samples .sample-0{grid-row:span 2;align-self:center}.hero-component-samples .hero-sample .preview{border-radius:9px}.hero-component-samples .hero-sample-caption{margin-top:8px;display:block}.hero-component-samples .hero-sample-caption button{font-size:12px}.hero-component-samples .hero-sample-caption>span{margin-top:3px;font-size:9px;display:block}.app-shell[data-site=motion-elements] .resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.app-shell[data-site=motion-elements] .resource-preview,.app-shell[data-site=motion-elements] .resource-preview>.preview{border-radius:9px}.app-shell[data-site=motion-elements] .card-meta{margin:2px 0 3px;display:flex}.app-shell[data-site=motion-elements] .card-meta span:last-child{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.app-shell[data-site=motion-elements] .category-tabs button{border-radius:7px}.app-shell .hero-loretry{max-width:1100px;margin-inline:auto;padding-top:45px}.hero-loretry .hero-copy{text-align:center;max-width:760px;margin:auto}.hero-loretry .hero-heading h1{font-size:clamp(44px,4.8vw,65px)}.hero-loretry .hero-heading h1>span{margin-left:.12em;display:inline}.hero-loretry .hero-heading>p{max-width:610px;margin:22px auto 0;font-size:15px}.hero-loretry .hero-actions{justify-content:center}.hero-reading-feature{border-top:1px solid var(--border);grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;margin-top:43px;padding-top:32px;display:grid}.hero-reading-feature .preview{border-radius:13px}.hero-reading-feature .hero-sample-caption{display:none}.hero-reading-copy>span{color:var(--accent-ink);font-size:12px}.hero-reading-copy>button{letter-spacing:-.035em;text-align:left;align-items:center;gap:13px;margin-top:9px;padding:0;font-size:26px;line-height:1.3;display:flex}.hero-reading-copy>p{color:var(--muted);max-width:420px;margin-top:14px;font-size:14px;line-height:1.9}.hero-topics{flex-wrap:wrap;gap:9px 19px;margin-top:23px;display:flex}.hero-topics>button{color:var(--accent-ink);align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.app-shell[data-site=social-video] .catalog{max-width:1100px;margin:auto}.app-shell[data-site=social-video] .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 35px}.app-shell[data-site=social-video] .resource-card{grid-template-columns:42% minmax(0,1fr);align-items:start;gap:18px;display:grid}.app-shell[data-site=social-video] .resource-preview,.app-shell[data-site=social-video] .resource-preview>.preview{border-radius:10px}.app-shell[data-site=social-video] .card-body{padding:0}.app-shell[data-site=social-video] .card-meta{margin-bottom:5px;font-size:10px;display:flex}.app-shell[data-site=social-video] .card-meta span:last-child{display:none}.app-shell[data-site=social-video] .card-title>button:first-child{white-space:normal;font-size:17px;font-weight:550;line-height:1.35}.app-shell[data-site=social-video] .card-body>p{color:var(--muted);min-height:0;margin-top:6px;font-size:12px;line-height:1.8;display:block}.app-shell[data-site=social-video] .card-footer .card-details{margin-top:9px;font-size:11px;display:inline-flex}.app-shell .hero-scenry{padding-top:42px;padding-bottom:55px}.hero-scenry .hero-copy{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-scenry .hero-heading{max-width:760px}.hero-scenry .hero-heading h1{font-size:clamp(44px,4.9vw,68px)}.hero-scenry .hero-heading h1>span{margin-left:.12em;display:inline}.hero-scenry .hero-heading>p{max-width:570px;font-size:13px}.hero-scenry .hero-actions{flex-wrap:wrap;flex-shrink:0;max-width:220px;margin-bottom:4px}.hero-shot-samples{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px;padding-top:23px;display:grid}.hero-shot-samples .preview{border-radius:6px}.hero-shot-samples .hero-sample-caption{display:block}.hero-shot-samples .hero-sample-caption button{font-size:15px}.hero-shot-samples .hero-sample-caption>span{margin-top:5px;font-family:ui-monospace,SFMono-Regular,monospace;display:block}.app-shell[data-site=shot-composer] .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 23px}.app-shell[data-site=shot-composer] .resource-preview,.app-shell[data-site=shot-composer] .resource-preview>.preview{border-radius:6px}.app-shell[data-site=shot-composer] .card-title>button:first-child{font-size:15px;font-weight:500}.app-shell[data-site=shot-composer] .card-footer .text-button{padding:7px 0;font-size:12px}.app-shell[data-site=shot-composer] .composer{border-radius:8px}@media (width<=1100px){.app-shell .hero-debutry{grid-template-columns:43% minmax(0,1fr);gap:30px}.app-shell .hero-tweenry{grid-template-columns:34% minmax(0,1fr);gap:28px}.hero-reading-feature{gap:28px}.hero-scenry .hero-copy{align-items:center;gap:25px}.hero-scenry .hero-heading h1{font-size:45px}.hero-scenry .hero-actions{max-width:180px}.app-shell[data-site=social-video] .resource-card{display:block}.app-shell[data-site=social-video] .card-body{padding-top:12px}}@media (width<=767px){.app-shell .storefront-hero{padding:35px 0 36px}.app-shell .hero-heading h1{font-size:40px}.app-shell .hero-heading>p{margin-top:17px;font-size:12px;line-height:1.8}.app-shell .hero-actions{flex-wrap:wrap;gap:8px;margin-top:20px}.app-shell .hero-actions .button{min-height:41px;padding:11px 16px;font-size:11px}.app-shell .hero-debutry,.app-shell .hero-tweenry{min-height:0;display:block}.hero-launch-feature{padding:30px 0 0}.hero-launch-feature .preview{border-radius:17px}.hero-component-samples{grid-template-columns:1.6fr 1fr;gap:16px 12px;margin-top:30px}.hero-component-samples .hero-sample-caption button{font-size:10px}.hero-component-samples .hero-sample-caption>span{font-size:8px}.hero-loretry .hero-heading h1{font-size:38px}.hero-loretry .hero-heading h1>span{margin:.1em 0 0;display:block}.hero-reading-feature{margin-top:29px;padding-top:25px;display:block}.hero-reading-copy{margin-top:22px}.hero-reading-copy>button{font-size:25px}.hero-reading-copy>p{margin-top:10px;font-size:13px}.hero-topics{margin-top:14px}.hero-scenry .hero-copy{display:block}.hero-scenry .hero-heading h1>span{margin:.1em 0 0;display:block}.hero-scenry .hero-actions{max-width:none}.hero-shot-samples{grid-template-columns:1fr 1fr;gap:15px;margin-top:27px;padding-top:20px}.hero-shot-samples .sample-0{grid-column:span 2}.hero-shot-samples .hero-sample-caption button{font-size:12px}.hero-shot-samples .hero-sample-caption>span{font-size:9px}.hero-sample-caption button{font-size:12px}.hero-sample-caption>span{font-size:9px}.app-shell[data-site] .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.app-shell[data-site=social-video] .resource-grid{grid-template-columns:1fr;gap:26px}.app-shell[data-site=social-video] .resource-card{grid-template-columns:40% minmax(0,1fr);gap:15px;display:grid}.app-shell[data-site=social-video] .card-body{padding:0}.app-shell[data-site=social-video] .card-title>button:first-child{font-size:16px}.app-shell[data-site=social-video] .card-body>p,.app-shell[data-site=product-motion] .card-body>p{font-size:11px}.app-shell[data-site=product-motion] .card-title>button:first-child,.app-shell[data-site=shot-composer] .card-title>button:first-child{font-size:13px}}@media (width<=370px){.app-shell .hero-heading h1{font-size:35px}.app-shell .hero-actions .button{padding-inline:12px;font-size:10px}.app-shell[data-site=social-video] .resource-card{display:block}.app-shell[data-site=social-video] .card-body{padding-top:12px}.hero-component-samples .hero-sample-caption button svg{display:none}}.brand-mark.brand-mark-image{background:0 0;border:0;border-radius:10px;width:40px;height:40px;overflow:hidden}.brand-mark-image>img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=767px){.brand-mark.brand-mark-image{border-radius:8px;width:33px;height:33px}}.app-shell .storefront-hero{text-align:left}:root:not([data-theme=dark]) .app-shell[data-site=product-motion]{--page:#f4f1ec;--surface:#fcfaf7;--surface-alt:#e9e3dc;--border:#dcd3ca;--text:#292521;--muted:#6e655d}:root:not([data-theme=dark]) .app-shell[data-site=motion-elements]{--page:#f0f3f6;--surface:#f9fafc;--surface-alt:#e6ebf0;--border:#d3dbe4;--text:#1c2839;--muted:#5c6a7c}:root:not([data-theme=dark]) .app-shell[data-site=social-video]{--page:#f1f4f0;--surface:#fafbf8;--surface-alt:#e6ebe2;--border:#d5ddd1;--text:#2b382e;--muted:#63705f}:root:not([data-theme=dark]) .app-shell[data-site=shot-composer]{--page:#f1f0f4;--surface:#faf9fc;--border:#dcd8e3;--text:#302a3c;--muted:#6f687a}:root[data-theme=dark] .app-shell[data-site=shot-composer]{--page:#17191f;--surface:#20232c;--surface-alt:#2b2e39;--border:#383b48;--text:#efedf2;--muted:#b6b2c0;--subtle:#a7a4af;--accent-ink:#c3bdcd}.pricing-section{border-top:1px solid var(--border);max-width:1240px;margin:0 auto;padding:90px 36px}.pricing-heading{max-width:700px;margin-bottom:36px}.pricing-heading h2{letter-spacing:-.035em;margin:18px 0;font-size:clamp(28px,4vw,46px);line-height:1.12}.pricing-heading p,.price-plan>p,.pricing-note,.pricing-faq p,.purchase-options p{color:var(--muted);line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.price-plan{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;padding:30px 26px;display:flex;position:relative}.price-plan h3{margin:0 0 10px;font-size:22px}.price-plan>p{margin:0;font-size:14px}.plan-price{letter-spacing:-.04em;padding:26px 0;font-size:44px;font-weight:650}.plan-price span{letter-spacing:0;color:var(--muted);font-size:13px;font-weight:400}.price-plan ul{flex:1;align-content:start;gap:14px;margin:0 0 30px;padding:0;font-size:14px;list-style:none;display:grid}.price-plan li{align-items:flex-start;gap:9px;line-height:1.5;display:flex}.price-plan li svg{color:var(--accent-ink);flex-shrink:0;margin-top:3px}.price-featured{border-color:var(--accent-ink);background:var(--accent-soft)}.plan-label{color:var(--accent-ink);background:var(--surface);border:1px solid var(--accent-ink);border-radius:30px;padding:5px 10px;font-size:11px;position:absolute;top:-13px;right:20px}.pricing-note{margin-top:25px;font-size:13px}.pricing-faq{border-top:1px solid var(--border);margin-top:34px}.pricing-faq details{border-bottom:1px solid var(--border);padding:20px 0}.pricing-faq summary{cursor:pointer;font-weight:550}.pricing-faq p{max-width:750px;margin-bottom:0}.access-badge{border:1px solid var(--border);white-space:nowrap;border-radius:30px;padding:4px 9px;font-size:11px;font-weight:600}.access-free{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.access-premium{color:var(--text);background:var(--surface-alt)}.access-unlisted{color:var(--muted)}.access-filter{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.access-filter button{border:1px solid var(--border);border-radius:30px;padding:8px 14px;font-size:13px}.access-filter button[aria-pressed=true]{background:var(--text);color:var(--page);border-color:var(--text)}.purchase-options{border-block:1px solid var(--border);margin:20px 0;padding:20px 0}.purchase-options .button{width:100%;margin-top:16px}.purchase-options p{margin-bottom:0;font-size:13px}.card-footer{flex-wrap:wrap;gap:9px}.checkout-plans{gap:10px;margin:20px 0;display:grid}.checkout-plans button{border:1px solid var(--border);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.checkout-plans button[aria-pressed=true]{border-color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--text)}.checkout-panel>.label{color:var(--text);background:var(--surface-alt)}.checkout-plans small{font-size:12px;font-weight:400}.checkout-panel>.button{width:100%;margin-top:16px}.checkout-return{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:24px 36px 0;padding:18px;display:flex}.checkout-return p{margin:0;line-height:1.6}@media (width<=767px){.pricing-section{padding:60px 20px}.pricing-grid{grid-template-columns:1fr;gap:24px}.price-plan{padding:28px 24px}.checkout-return{margin-inline:20px}.checkout-plans button{flex-wrap:wrap}}.skill-account{margin:0 0 12px}.skill-account .brief-form{max-width:28rem;margin-top:8px}.skill-account .brief-form .button{margin-top:10px}.landing-hero{--landing-line:color-mix(in srgb, var(--accent-ink) 24%, var(--page));--landing-tint:color-mix(in srgb, var(--accent) 9%, var(--surface));--landing-frame:#1c212b;padding:clamp(34px,5vw,72px) 0 clamp(44px,5vw,72px)}.landing-hero h1,.landing-hero h2,.landing-workflow h2{letter-spacing:-.045em;margin:0}.landing-hero h2,.landing-workflow h2{font-size:clamp(19px,2vw,29px);line-height:1.17}.landing-intro h1{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(43px,5.4vw,79px);font-weight:650;line-height:.99}.landing-intro h1>span{color:var(--accent-ink)}.landing-intro p,.landing-hero section>p,.landing-hero h2+p,.landing-workflow p{color:var(--muted);max-width:56ch;margin:12px 0 0;font-size:14px;line-height:1.7}.landing-intro p{font-size:clamp(14px,1.25vw,17px)}.landing-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.landing-actions .button{white-space:normal;min-height:44px}.landing-actions svg,.landing-caption svg,.landing-links svg{flex-shrink:0}.landing-stage,.landing-sample{min-width:0;margin:0}.landing-screen{aspect-ratio:16/9;background:var(--landing-frame);border-radius:15px;display:grid;overflow:hidden}.landing-screen>.preview,.landing-screen>video,.landing-screen>iframe{border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.landing-screen>video{object-fit:contain}.landing-screen>.preview:has(.player-controls){grid-template-rows:minmax(0,1fr) 36px;display:grid}.landing-screen .player-controls{height:36px;position:static}.landing-screen .preview canvas{object-fit:contain;min-height:0}.landing-screen .landing-unavailable{color:#e7eaf1}.landing-unavailable{min-height:120px;color:var(--muted);text-align:center;place-items:center;padding:15px;font-size:13px;display:grid}.landing-stage-meta{min-height:28px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:9px;font-size:13px;display:flex}.landing-stage-meta>.landing-caption{flex:230px;margin:0}.landing-stage-meta .button{min-height:34px;padding:7px 12px}.landing-sample .preview{aspect-ratio:16/9;border:0;border-radius:12px}.landing-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin-top:8px;display:flex}.landing-caption>button,.lore-window h3>button,.lore-more>button,.scenry-frame-heading>button:first-child,.landing-workflow-intro>button{text-align:start;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.landing-caption button:hover,.landing-links button:hover,.lore-window h3>button:hover,.lore-more>button:hover,.scenry-frame-heading>button:hover,.landing-workflow-intro>button:hover{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.landing-caption>small,.landing-sample>p{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.landing-sample>p{margin:6px 0 0}.landing-links{border-top:1px solid var(--landing-line);margin-top:18px}.landing-links>button{text-align:start;border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;width:100%;min-height:43px;padding:8px 0;font-size:14px;display:flex}.landing-launch .landing-intro{text-align:center}.landing-launch .landing-intro p{margin-inline:auto}.landing-launch .landing-actions{justify-content:center}.launch-stage-layout{grid-template-columns:minmax(0,2.4fr) minmax(210px,1fr);align-items:center;gap:clamp(22px,5vw,74px);width:min(100% - 26px,1176px);margin:41px auto 0;display:grid}.launch-mane{isolation:isolate;background:var(--landing-tint);border:1px solid var(--landing-line);border-radius:28px 28px 16px 16px;padding:10px 11px 0;position:relative}.launch-mane:before{content:"";z-index:-1;border:1px solid var(--landing-line);pointer-events:none;border-bottom-color:#0000;border-radius:36px 36px 22px 22px;position:absolute;inset:-10px -10px 22px}.launch-mane .landing-stage-meta{margin-bottom:7px}.landing-motion{grid-template-columns:minmax(224px,.75fr) minmax(0,1.7fr);align-items:start;gap:clamp(25px,5vw,79px);display:grid}.motion-sidebar .landing-intro h1{font-size:clamp(43px,4.4vw,63px)}.motion-sidebar .landing-intro h1>span{display:block}.motion-sidebar .landing-links{margin-top:27px}.motion-workbench{min-width:0}.motion-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.landing-demo-link{color:var(--accent-ink);text-underline-offset:3px;align-items:center;gap:5px;font-size:13px;text-decoration:underline;display:inline-flex}.lore-note .landing-demo-link{margin-top:12px}.motion-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.motion-pair>.landing-sample{border:1px solid var(--landing-line);background:var(--landing-tint);border-radius:42px 42px 14px 14px;padding:25px 10px 12px}.motion-pair .landing-caption{flex-direction:column;align-items:start}.motion-playback,.lore-playback{border-top:1px solid var(--landing-line);align-items:center;gap:18px;margin-top:23px;padding-top:20px;display:grid}.motion-playback{grid-template-columns:minmax(0,.84fr) minmax(0,1fr)}.lore-masthead{grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);align-items:end;gap:clamp(22px,5vw,74px);display:grid}.lore-note{border-inline-start:1px solid var(--landing-line);align-self:center;padding-inline-start:21px}.lore-paths{margin-top:36px}.lore-eyes{border:1px solid var(--landing-line);background:var(--landing-tint);border-radius:38px 38px 19px 19px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:13px;padding:13px;display:grid;position:relative}.lore-eyes:after{content:"";background:var(--accent-ink);opacity:.5;pointer-events:none;border-radius:1px;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lore-window{border:1px solid var(--landing-line);background:var(--surface);border-radius:26px 12px 12px;grid-template-rows:auto auto 1fr;align-content:start;min-width:0;padding:17px;display:grid}.lore-window+.lore-window{border-radius:12px 26px 12px 12px}.lore-window h3{font-size:inherit;margin:0}.lore-window h3>button{font-size:clamp(15px,1.65vw,23px)}.lore-window>p{color:var(--muted);margin:7px 0 13px;font-size:13px;line-height:1.6}.lore-window>.landing-sample{align-self:end}.lore-more{flex-wrap:wrap;gap:8px 21px;margin-top:14px;display:flex}.lore-more>button{min-height:35px}.lore-playback{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);max-width:980px;margin-inline:auto}.lore-playback .landing-screen{max-height:270px}.scenry-theater{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);grid-template-areas:"stage intro";align-items:center;gap:clamp(25px,5vw,73px);display:grid}.scenry-theater .landing-intro{grid-area:intro}.scenry-theater .landing-intro h1>span{display:block}.scenry-theater .landing-stage{grid-area:stage}.scenry-theater .landing-screen{border:1px solid var(--landing-line)}.scenry-track{border:1px solid var(--landing-line);background:var(--landing-tint);border-radius:26px;margin-top:28px;padding:15px 20px 19px}.scenry-track-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.scenry-track-heading a{color:var(--accent-ink);align-items:center;gap:7px;font-size:13px;display:inline-flex}.scenry-track-heading a:hover{text-underline-offset:3px;text-decoration:underline}.scenry-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scenry-frames>li{border:1px solid var(--landing-line);background:var(--surface);border-radius:12px;min-width:0;padding:8px}.scenry-frame-heading{justify-content:space-between;align-items:center;gap:5px;min-height:33px;margin-bottom:5px;display:flex}.scenry-frame-heading>button:first-child{color:var(--muted);font-size:12px}.scenry-add{width:35px;height:35px;color:var(--accent-ink);border:1px solid var(--landing-line);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.scenry-add:hover{background:var(--landing-tint)}.scenry-frames .landing-caption>button{font-size:13px}.landing-workflow{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:clamp(22px,5vw,74px);padding:clamp(24px,4vw,52px) 0;display:grid}.landing-workflow-intro>button{color:var(--accent-ink);margin-top:11px}.landing-workflow>ol{margin:0;padding:0 0 0 2ch}.landing-workflow li{border-bottom:1px solid var(--border);padding:9px 0 9px 8px;font-size:14px}.landing-workflow li::marker{color:var(--accent-ink);font-variant-numeric:tabular-nums}@media (width<=860px){.landing-motion{grid-template-columns:minmax(178px,.75fr) minmax(0,1.6fr);gap:23px}.motion-playback{grid-template-columns:minmax(0,1fr)}.lore-masthead{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:19px}.scenry-theater{grid-template-columns:minmax(0,1.25fr) minmax(205px,1fr);gap:25px}.scenry-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=660px){.landing-hero{padding:34px 0 39px}.landing-intro h1,.motion-sidebar .landing-intro h1{font-size:clamp(38px,10.1vw,58px)}.launch-stage-layout,.landing-motion,.lore-masthead,.lore-playback,.scenry-theater,.landing-workflow{grid-template-columns:minmax(0,1fr);gap:22px}.launch-stage-layout{width:calc(100% - 15px);margin-top:29px}.launch-mane:before{inset:-6px -6px 22px}.motion-sidebar .landing-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;display:grid}.motion-pair>.landing-sample{border-radius:24px 24px 11px 11px;padding:15px 7px 9px}.lore-masthead{gap:18px}.lore-paths{margin-top:22px}.lore-eyes{border-radius:24px 24px 13px 13px;gap:12px;padding:8px}.lore-eyes:after{width:4px;height:4px}.lore-window{border-radius:16px 8px 8px;padding:9px}.lore-window+.lore-window{border-radius:8px 16px 8px 8px}.lore-playback .landing-screen{max-height:none}.scenry-theater{grid-template-areas:"intro""stage"}.scenry-track{border-radius:19px;margin-top:20px;padding:12px}.scenry-frames{gap:6px}.scenry-frames>li{padding:6px}}@media (width<=970px){.top-actions .compact{display:none}}