/* One set of dimensions, alignment and icon strokes across the public site. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;overflow:visible}
.header{height:88px;gap:28px;padding:0 52px;position:relative;z-index:20;background:#141416;border-bottom:1px solid #ffffff10}
.header .brand{flex:none;margin-right:auto;display:flex;align-items:center;min-height:44px}
.header .brand img{width:170px;height:44px;object-fit:contain}
.header .desktop-nav{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500}
.desktop-nav>a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;color:#c6c3c0;transition:color .15s,background .15s}
.desktop-nav>a:hover,.desktop-nav>a[aria-current=page]{background:#ffffff07;color:#fff}
.desktop-nav>a[aria-current=page]{box-shadow:inset 0 -2px var(--orange)}
.header-utilities{display:flex;align-items:center;gap:12px}
.header .login-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;font-size:12px;font-weight:500;color:#d8d4ce;border-radius:6px}
.header .login-link:hover{background:#ffffff07;color:#fff}
.header .language{height:44px;min-width:54px;position:relative;border-radius:6px}
.header .language:hover{background:#ffffff07}
.header .language select{width:54px;height:44px;padding:0 22px 0 8px;color:transparent!important;font-size:11px;font-weight:550;border-radius:6px}
.header .language .locale-code{display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:550;line-height:1;color:var(--ink);pointer-events:none}
.header .language>span:last-child{right:6px;display:flex;align-items:center;pointer-events:none;color:#b7b1a9}
.header .language .ui-icon{width:13px;height:13px}
.header .header-action,.action{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:13px 20px;border:1px solid transparent;border-radius:6px;background:var(--orange);color:#141416;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:-.015em;white-space:normal;text-align:center;transition:background .15s,box-shadow .15s,transform .15s}
.header .header-action{width:auto;height:44px;min-height:44px;padding:11px 16px;font-size:12px}
.action:hover,.header .header-action:hover{background:#ff7d20;box-shadow:0 3px 14px #ff6a001c}
.action:active,.header .header-action:active{transform:translateY(1px);background:#f56500}
.action>span,.header-action>span{display:inline-flex;align-items:center;line-height:1;color:inherit}
.action .ui-icon,.header-action .ui-icon{width:18px;height:18px;transition:transform .15s}
.action:hover .ui-icon,.header-action:hover .ui-icon{transform:translateX(2px)}
.intro-actions{gap:24px;align-items:center}
.intro-actions .action{font-size:14px;min-height:54px;padding:15px 21px;gap:22px}
.intro-secondary{min-height:44px;font-size:12px;font-weight:500;gap:10px;color:#d0c9c1}
.intro-secondary .ui-icon{width:17px;height:17px}
.underlink{font-size:12px;font-weight:500;min-height:44px;padding:9px 0;gap:10px;border-bottom:0;color:#e9e1d8}
.underlink:hover{text-decoration:underline;text-underline-offset:5px}
.underlink>span{display:inline-flex;align-items:center}
.underlink .ui-icon{width:17px;height:17px}
.quick-links>a{min-height:64px;gap:18px}
.quick-links>a>span{display:inline-flex;align-items:center}
.quick-links .ui-icon{width:20px;height:20px}
.hub-links>a,.related-tools a,.gallery-bottom>a,.footer-top>a:last-child{display:inline-flex;align-items:center;gap:9px;min-height:36px}
.hub-links .ui-icon,.related-tools .ui-icon,.gallery-bottom .ui-icon,.footer-top .ui-icon{width:16px;height:16px}
.footer-links .ui-icon{width:12px;height:12px}
.icon-button{width:44px;height:44px;border-radius:6px;border-color:#ffffff26;background:#ffffff03;transition:background .15s,border-color .15s}
.icon-button:hover{background:#ffffff09;border-color:#ffffff55}
.icon-button .ui-icon{width:19px;height:19px}
.photo-caption>span:last-child{display:inline-flex}
.photo-caption .ui-icon{width:20px;height:20px}
.closing-number{display:flex;align-items:center;justify-content:center}
.closing-number>.ui-icon{width:110px;height:110px;stroke-width:1}
.tool-preview-head>.ui-icon,.tool-preview-head>span:nth-child(2) .ui-icon{width:26px;height:26px}
.tool-preview-footer .ui-icon{width:15px;height:15px}
.hero-frame-head>span:last-child{display:flex;align-items:center;letter-spacing:0}
.hero-frame-head .icon-dots{width:20px;height:20px}
.hero-tabs{gap:22px}
.hero-tabs button{min-height:44px;line-height:1.4;transition:color .15s}
.hero-tabs button:hover{color:#fff}
.hero-convert-row strong>span{display:inline-flex;align-items:center}
.hero-convert-row strong>span .ui-icon{width:13px;height:13px}
.hero-format-arrow .ui-icon{width:24px;height:24px}
.hero-chip-play .ui-icon{width:19px;height:19px}
.hero-video-chip strong>span{display:flex;align-items:center}
.hero-video-chip strong .ui-icon{width:18px;height:18px}
.hero-chip-star{display:flex;align-items:center}
.hero-chip-star .ui-icon{width:32px;height:32px;stroke-width:1.4}
.hero-search-example>span:first-child{display:flex;align-items:center}
.hero-search-example .ui-icon{width:16px;height:16px}
.hero-library-caption .ui-icon{width:17px;height:17px}
.hero-share-options li>span{display:flex;align-items:center}
.hero-share-options .ui-icon{width:14px;height:14px}
.hero-stage-footer a{display:inline-flex;align-items:center;gap:5px;min-height:32px}
.hero-stage-footer .ui-icon{width:12px;height:12px}
.mobile-navigation{display:none}
:is(a,button,summary,select):focus-visible{outline:2px solid #ff9c55;outline-offset:4px}
@media(max-width:1200px){
 .header{padding:0 35px;gap:16px}.header .desktop-nav{gap:0;font-size:12px}.desktop-nav>a{padding:0 9px}.header-utilities{gap:6px}.header .brand img{width:154px}.header .header-action{font-size:11px;padding:11px 13px;gap:9px}
}
@media(max-width:1000px){
 .header{height:80px}.header .desktop-nav{display:none}.header-utilities{gap:12px}
 .mobile-navigation{display:block}.mobile-navigation>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;width:44px;height:44px;border:1px solid #ffffff22;border-radius:6px;background:#ffffff03}
 .mobile-navigation>summary::-webkit-details-marker{display:none}.mobile-navigation>summary:hover{background:#ffffff0a}.mobile-navigation>summary .ui-icon{width:21px;height:21px}
 .mobile-navigation .icon-close{display:none}.mobile-navigation[open] .icon-menu{display:none}.mobile-navigation[open] .icon-close{display:inline-block}
 .header .mobile-nav{display:flex;flex-direction:column;gap:0;position:absolute;top:calc(100% + 8px);left:24px;right:24px;padding:12px 20px 20px;border:1px solid #454144;border-radius:10px;background:#1e1e20;box-shadow:0 18px 45px #0008;max-height:calc(100dvh - 104px);overflow:auto}
 .mobile-nav>a{font-size:16px;font-weight:500;padding:15px 2px;line-height:1.3;border-bottom:1px solid #ffffff0b;color:#e9e3db}
 .mobile-nav>a[aria-current=page]{color:var(--orange)}.mobile-nav>a:hover{color:#fff}
 .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}
 .mobile-nav .mobile-login{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #ffffff23;border-radius:6px;font-size:13px;font-weight:500}
 .header .mobile-nav .header-action{min-height:46px;height:auto;font-size:12px}
}
@media(max-width:600px){
 .header{height:76px;padding:0 20px;gap:12px}.header .brand img{width:139px;height:38px}.header-utilities{gap:8px}.header-utilities>.login-link,.header-utilities>.header-action{display:none}
 .header .language,.header .language select{width:51px;min-width:51px}.header .mobile-nav{left:12px;right:12px;top:calc(100% + 6px);padding:8px 18px 18px}
 .intro-actions{gap:6px 16px}.intro-actions .action{min-height:50px;font-size:13px;padding:14px 18px;gap:16px}.intro-secondary{font-size:11px;min-height:42px;gap:7px}
 .intro-secondary .ui-icon{width:15px;height:15px}.action{min-height:48px;font-size:12px;padding:13px 17px;gap:12px}
 .header .mobile-nav .header-action{display:flex;font-size:11px;padding:12px 10px;gap:8px}
 .hero-tabs{gap:15px}.hero-tabs button{min-height:35px;padding:9px 0;font-size:8px}.hero-frame-head .icon-dots{width:16px;height:16px}
 .hero-format-arrow .ui-icon{width:18px;height:18px}.hero-convert-row strong>span .ui-icon{width:10px;height:10px}
 .hero-chip-play .ui-icon{width:15px;height:15px}.hero-chip-star .ui-icon{width:25px;height:25px}.hero-video-chip strong .ui-icon{width:14px;height:14px}
 .hero-share-options .ui-icon{width:11px;height:11px}.hero-stage-footer .ui-icon{width:10px;height:10px}
 .underlink{font-size:12px;gap:9px}.quick-links .ui-icon{width:18px;height:18px}.closing-number>.ui-icon{width:62px;height:62px}
}
@media(prefers-reduced-motion:reduce){.action,.header-action,.desktop-nav>a{transition:none}.action:hover .ui-icon,.header-action:hover .ui-icon{transform:none}}