/* The supplied wordmark is shared by every site and editor header. */@import url(brand-wordmark.css?v=eaad16f4d0fd);/* Plain navigation entry on the website; a bounded button inside editors. */body:not([data-editor-shell='true']) .um-tools-toggle{min-height:40px;padding:10px 12px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;font:600 13px/1.2 Manrope,system-ui,sans-serif}body:not([data-editor-shell='true']) .um-tools-toggle:hover{color:#efb3f5}body[data-editor-shell='true'] .um-tools-toggle{min-height:36px;padding:8px 12px}/* Portalled menus are not positioned inside a blurred or transformed header. */.um-tools-menu.um-tools-portal{position:fixed!important;left:50%!important;right:auto!important;top:var(--editor-menu-top,90px) !important;transform:translateX(-50%) !important;box-sizing:border-box;width:min(420px,calc(100vw - 24px)) !important;max-width:calc(100vw - 24px) !important;max-height:calc(100dvh - var(--editor-menu-top,90px) - 14px);overflow:auto;margin:0!important;z-index:1000;font:500 14px/1.5 Manrope,system-ui,sans-serif}.um-tools-menu[hidden],.prism-app [hidden]{display:none!important}.um-tools-portal .um-tool-card{display:flex;align-items:center;gap:12px;min-width:0}.um-tools-portal .um-tool-copy{min-width:0}.um-tools-portal .um-tool-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.um-tools-portal .um-tool-title strong{font-size:15px}.um-tools-portal .um-tool-copy small{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}/* The template drawer gives its unused height back to Layers. */.prism-app .left{display:flex;flex-direction:column;min-height:0;overflow:hidden}.prism-app .left > .layers{flex:1 1 0;min-height:80px;max-height:none;overflow:auto}.prism-app .left > .lh,.prism-app .left > .ltools{flex:none}.prism-app .left > details.lettra-templates{display:block;flex:0 0 auto;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible;border-radius:0;border:0;border-top:1px solid var(--bd2);background:var(--bg2)}.prism-app .left > details.lettra-templates > summary{padding:13px 15px;color:var(--tx);font-size:12px;font-weight:650;cursor:pointer;letter-spacing:.025em;border:0;line-height:1.5}.prism-app .left > details.lettra-templates[open] > .lettra-template-content{display:flex;flex-direction:column;height:var(--template-content-height,42dvh);min-height:0;max-height:none;overflow:hidden}.prism-app .lettra-template-content .tpltabs{flex:0 0 auto}.prism-app .lettra-template-content > .tplbody{flex:1 1 0;height:0;min-height:0!important;max-height:none!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:auto}.prism-app details.lettra-templates:not([open]) > .lettra-template-content{display:none!important}/* All dock states stay centred over the canvas and reserve no screen row. */body.um-editor-dock .lettra-dock-host > nav[data-editor-dock]{position:absolute!important;left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%) !important;display:block!important;box-sizing:border-box;height:48px;min-height:38px!important;max-width:calc(100% - 24px) !important;padding:0!important;margin:0!important;border:1px solid #ffffff1a;border-radius:12px;background:#17171cec;backdrop-filter:blur(12px);box-shadow:0 6px 18px #0003;z-index:20;overflow:visible!important;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),border-color .2s,background-color .2s}nav[data-editor-dock] .um-dock-content{position:absolute!important;left:7px;top:5px;display:flex!important;gap:var(--dock-gap,6px) !important;width:max-content!important;max-width:none!important;overflow:visible!important;opacity:1;visibility:visible;transform:translateY(0) scale(1);transform-origin:center bottom;transition:opacity .18s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}nav[data-editor-dock] .um-dock-content > a.um-dock-action{position:relative;z-index:1;display:grid!important;place-items:center;flex:0 0 var(--dock-unit,36px) !important;width:var(--dock-unit,36px) !important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:9px;background:none!important;color:#aaa7b1;box-shadow:none!important;opacity:1;transform:translateY(var(--dock-lift,0px)) scale(var(--dock-scale,1));transition:color .18s,transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}nav[data-editor-dock] .um-dock-content > a.um-dock-action:hover,nav[data-editor-dock] .um-dock-content > a.um-dock-action:focus-visible{color:#fff0ff}nav[data-editor-dock] .um-dock-content > a.is-active{color:#e29de7;background:#a789cb24!important}nav[data-editor-dock] .um-dock-action svg{width:21px;height:21px;display:block}nav[data-editor-dock] .um-dock-glyph{font:700 13px/1 Manrope,system-ui,sans-serif}nav[data-editor-dock] .um-dock-marker{position:absolute;top:0;left:0;height:36px;z-index:0;border-radius:9px;width:var(--dock-marker-width,var(--dock-unit,36px));transform:translateX(var(--dock-marker-x,0px));pointer-events:none;background:#ffffff0c;border:1px solid #ffffff04;opacity:0;transition:transform .25s cubic-bezier(.22,1,.36,1),width .25s,opacity .16s}nav[data-editor-dock] .um-dock-marker.is-visible{opacity:1}nav[data-editor-dock] button.um-dock-toggle{position:absolute;right:7px;top:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:30px!important;min-width:0!important;height:36px!important;min-height:28px!important;padding:6px!important;border:0!important;border-radius:9px;background:none!important;color:#c6becf;font:600 13px/20px Manrope,system-ui,sans-serif;overflow:hidden;transition:color .2s,background-color .2s}nav[data-editor-dock] button.um-dock-toggle:hover{background:#ffffff0b!important;color:white}nav[data-editor-dock] button.um-dock-toggle > svg{display:block;flex:none;width:18px;height:18px;transition:transform .3s}nav[data-editor-dock] .um-dock-toggle-label{display:block;max-width:0;opacity:0;white-space:nowrap;line-height:20px;overflow:hidden;transition:opacity .2s}nav[data-editor-dock].is-collapsed .um-dock-content{display:flex!important;opacity:0;visibility:hidden;transform:translateY(7px) scale(.93);pointer-events:none;transition:opacity .15s,transform .25s,visibility 0s .25s}nav[data-editor-dock].is-collapsed{height:38px!important}nav[data-editor-dock].is-collapsed button.um-dock-toggle{left:7px;right:7px;top:4px;height:28px!important;width:calc(100% - 14px) !important}nav[data-editor-dock].is-collapsed .um-dock-toggle-label{max-width:250px;opacity:1}nav[data-editor-dock].is-collapsed button.um-dock-toggle > svg{transform:rotate(180deg)}nav[data-editor-dock] .um-dock-tooltip{position:absolute;left:clamp(65px,var(--dock-tip-x,50%),calc(100% - 65px));bottom:calc(100% + 10px);transform:translate(-50%,5px);max-width:min(230px,80vw);width:max-content;padding:7px 11px;background:#19151ff5;color:#eee4f6;border:1px solid #ffffff20;border-radius:8px;font:500 12px/1.5 Manrope,system-ui,sans-serif;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,transform .2s,left .3s cubic-bezier(.16,1,.3,1)}nav[data-editor-dock] .um-dock-tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.botbar[hidden],.glow-bottom[hidden]{display:none!important}.um-editor-bar-close{margin-inline-start:auto;min-width:30px;min-height:30px;padding:2px 7px!important;font-size:19px}@media(max-width:640px){html body :is(header,.site-nav,.um-header) [data-brand-word][translate]{font-size:16px!important}header.top .brand .prism-brand{margin-inline-start:3px}}:root[data-editor-motion='off'] [data-brand-word][translate] .brand-com{animation:none!important}:root[data-editor-motion='off'] nav[data-editor-dock],:root[data-editor-motion='off'] nav[data-editor-dock] *{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){html [data-brand-word][translate] .brand-com{animation:none!important}nav[data-editor-dock],nav[data-editor-dock] *{transition:none!important;animation:none!important}}:root[data-editor-motion='off']{--um-brand-animation:none}@media(prefers-reduced-motion:reduce){:root{--um-brand-animation:none}}.editor-advanced-toggle[hidden],.editor-preference[hidden]{display:none!important}body[data-editor-shell='true'] .um-tools-toggle{border:1px solid #ffffff35!important;background:#ffffff05!important;border-radius:9px!important;transition:border-color .2s,background-color .2s}body[data-editor-shell='true'] .um-tools-toggle:is(:hover,:focus-visible,[aria-expanded='true']){border-color:#c59ade!important;background:#c59ade12!important}@media(max-width:600px){header.top > .brand{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 6px!important;width:100%!important}}/* Reference behaviour: a stable selected tool, a moving hover tile and a compact collapse. */nav[data-editor-dock].is-collapsed .um-dock-content > a.um-dock-action{transform:translateY(12px) scale(.78);opacity:0;transition-delay:0s}nav[data-editor-dock]:not(.is-collapsed) .um-dock-content > a.um-dock-action{transition-delay:calc(var(--dock-order,0) * 18ms)}nav[data-editor-dock].is-collapsed:hover{border-color:#ffffff50;background:#222127f0}.editor-settings-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-top:22px}.editor-settings-actions > button{margin:0;flex:none}.editor-settings-actions > a{display:inline-flex;align-items:center;min-height:40px;font:500 13px/1.5 Manrope,system-ui,sans-serif;text-underline-offset:4px}/* The former attribution strip is not an editor control. */body.ux2 .botbar{display:none!important}.preview-stats .model-size{margin-top:6px;padding-top:6px;border-top:1px solid #ffffff12}/* Text and the handoff action share a top row; hints sit below it. */.glow-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px 18px}.glow-bottom > div:first-child{min-width:0}.glow-bottom #sourceHint{display:flex;align-items:center;min-height:40px;line-height:1.5;overflow-wrap:anywhere}.glow-bottom > .glow-actions{align-self:start;align-items:center;min-height:40px}.glow-bottom :is(#status,#rStatus):empty{display:none}.glow-bottom > .um-editor-bar-close{margin:4px 0 0}@media(max-width:680px){.glow-bottom{grid-template-columns:minmax(0,1fr) auto}.glow-bottom > .glow-actions{grid-row:2;grid-column:1/-1}.glow-bottom > .um-editor-bar-close{grid-column:2;grid-row:1}}html body .editor-close-button,html body .um-editor-bar-close,html body .lettra-tip-actions > button:first-child{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:30px;min-height:30px;padding:3px 7px!important;line-height:1!important;color:#ff5c67!important;border:1px solid #b34e5c!important;background:#31131a!important;border-radius:7px;cursor:pointer}html body .editor-close-button:hover,html body .um-editor-bar-close:hover,html body .lettra-tip-actions > button:first-child:hover{background:#6c2839!important;color:#fff!important}/* Product type and package are two independent, readable labels. */.product-labels{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;margin:0 0 12px}.product-labels :is(.product-kind,.kind),.related-kind{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border:1px solid #ac86c64d;border-radius:6px;background:#ad75da10;color:#eedaf9;font:650 12px/1.4 Manrope,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere}.product-bundle{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border:1px solid #619e8b75;border-radius:6px;background:#234e3d47;color:#b5ead2;font:650 12px/1.4 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}#productGrid > .project-card{display:flex;flex-direction:column;align-self:stretch}#productGrid .project-body{display:flex;flex-direction:column;flex:1}#productGrid .project-body h3{margin-block:0 18px;line-height:1.4;overflow-wrap:anywhere}#productGrid .project-body .product-details{margin-block:auto 12px!important;min-height:46px}#productGrid .project-body .btn-buy{margin-top:0!important;min-height:50px}.catalog-sentinel{height:1px;pointer-events:none}.catalog-sentinel[hidden]{display:none}.video-controls:has(> #productMore[hidden]){display:none}.related-card .product-bundle{justify-self:start;margin-inline:12px;margin-bottom:12px}/* Preview controls occupy the upper corner; the tool dock owns the bottom centre. */body.ux2 #stage > .preview-controls{top:14px;bottom:auto;left:auto;right:14px;align-items:flex-end;max-width:150px}body.ux2 #stage > .preview-controls > span{text-align:end;line-height:1.4}body.ux2 #stage > .pill{display:none!important}/* The approved wordmark keeps its proportions when the surrounding navigation wraps. */.site-nav .nav-start{flex-wrap:wrap;max-width:100%;row-gap:10px}html body :is(.brand-badge-nav,.um-brand,.glow-brand,header.top .brand) img:not(.brand-wordmark){width:28px!important;height:28px!important;flex:none;object-fit:contain}@media(max-width:640px){html body :is(.brand-badge-nav,.um-brand,.glow-brand,header.top .brand) img:not(.brand-wordmark){width:24px!important;height:24px!important}.um-header{padding:12px;gap:10px}.um-brand{gap:8px}}/* A card's content determines its height; buttons share the bottom edge of each grid row. */#productGrid{align-items:stretch}#productGrid .project-body{gap:12px;min-width:0}#productGrid .project-body h3{margin-block:0 12px;min-height:2.8em}#productGrid .project-body :is(.product-details,.btn-buy){width:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45}#productGrid .project-body .btn-buy{padding:12px 14px}.related-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid .related-card{display:flex;flex-direction:column;min-width:0;padding-bottom:15px;background:linear-gradient(150deg,#28163b,#191021);border-color:#8d5fab66}.related-grid .related-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#150c20}.related-grid .related-card .related-kind{display:inline-flex;align-self:flex-start;margin:14px 14px 8px;padding:4px 8px;font-size:11px!important;line-height:1.45!important}.related-grid .related-card .related-title{display:block;padding:0 14px;margin:0;color:#f5eafc;font:700 15px/1.5 Manrope,system-ui,sans-serif;overflow-wrap:break-word}.related-grid .related-card .product-bundle{margin:10px 14px 0;align-self:flex-start}/* One short glint every fifteen seconds. Never replaces the button's readable label. */a:is(.buy,.btn-buy)[href*='patreon.com']{position:relative;isolation:isolate;overflow:hidden}a:is(.buy,.btn-buy)[href*='patreon.com']::after{content:'';position:absolute;inset:-20% auto -20% -70%;width:38%;background:linear-gradient(100deg,transparent,#fff3,transparent);transform:skewX(-18deg);pointer-events:none;animation:patreon-glint 15s ease-in-out infinite}@keyframes patreon-glint{0%,89%{left:-70%;opacity:0}90%{opacity:0}91%{opacity:1}97%{left:140%;opacity:0}100%{left:140%;opacity:0}}:root[data-editor-motion='off'] a:is(.buy,.btn-buy)::after{animation:none;display:none}@media(prefers-reduced-motion:reduce){a:is(.buy,.btn-buy)[href*='patreon.com']::after{animation:none;display:none}}/* Separate footer navigation from copyright: no icon-only extra rows or run-on legal text. */footer .footer-grid a{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:9px;line-height:1.5}footer .footer-grid a>svg{flex:0 0 18px;width:18px;height:18px;display:block}footer .footer-grid li{min-width:0}.page-footer,.learning-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 24px}.page-footer>a,.learning-footer>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:36px;line-height:1.5}.page-footer>p{flex-basis:100%;margin:0;line-height:1.6}.page-footer .lettra-link-icon,.learning-footer .lettra-link-icon{width:18px;height:18px;flex:none}.page-footer>.purchase-policy,.learning-footer>.purchase-policy{flex-basis:100%;margin:0}.learning-footer{font-size:13px;line-height:1.7}@media(max-width:1050px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.related-grid{gap:12px}.related-grid .related-card .related-title{font-size:13px}}/* Footer columns are lists; only the social group lays links out horizontally. */footer .footer-grid{width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}footer .footer-grid > div{min-width:0}footer .footer-grid > div > :is(a,button){display:flex!important;width:fit-content;max-width:100%;align-items:center;gap:9px;margin:0 0 12px;text-align:start;white-space:normal;overflow-wrap:anywhere}footer .footer-grid h3{line-height:1.5;overflow-wrap:anywhere}footer .footer-socials{display:flex;flex-wrap:wrap;gap:14px 20px}footer .footer-socials a{margin:0}footer .footer-feedback{padding-inline:24px}footer .footer-feedback a{display:inline-flex;align-items:center;gap:9px;line-height:1.6}footer .footer-utility{width:100%;max-width:1280px;box-sizing:border-box;margin-inline:auto;gap:18px 28px;padding:24px}footer .footer-utility > a{max-width:100%;text-align:start}.purchase-policy,.footer-utility .purchase-policy{flex-basis:100%;width:100%;max-width:1232px;box-sizing:border-box;margin:12px auto 0;text-align:start}.purchase-policy h2{margin:0 0 14px;font:700 17px/1.5 Manrope,system-ui,sans-serif;color:#f5eefb}.purchase-policy p{margin:12px 0 0;line-height:1.7;overflow-wrap:anywhere}.page-footer .purchase-policy,.learning-footer .purchase-policy{padding:20px}footer .footer-legal{max-width:1280px;margin-inline:auto;padding-inline:24px}@media(max-width:1000px){footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}@media(max-width:560px){footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-inline:20px}footer .footer-utility{padding-inline:20px}}/* Five complete cards on a wide desktop, with a finite rail instead of empty grid columns. */.other-products{min-width:0}.related-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 16px}.related-controls[hidden]{display:none}.related-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #9365ac;border-radius:10px;color:#f5eafc;background:#28163b;cursor:pointer;transition:background .2s,border-color .2s}.related-controls button:hover:not(:disabled){background:#442458;border-color:#d69cf0}.related-controls button:disabled{opacity:.35;cursor:default}.related-controls svg{width:22px;height:22px}.related-controls:dir(rtl) svg{transform:scaleX(-1)}.related-count{min-width:86px;color:#d5c5e1;text-align:center;font:600 13px/1.5 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums}.related-grid[data-related-rail]{--related-columns:5;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 80px)/5);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9365ac #1a1024;padding:2px 0 12px;align-items:stretch}.related-grid[data-related-rail] .related-card{scroll-snap-align:start;margin:0;height:100%;overflow:hidden;text-decoration:none}.related-grid[data-related-rail] .related-title{font-size:15px}.related-grid[data-related-rail] .related-kind{max-width:calc(100% - 28px);overflow-wrap:anywhere}@media(max-width:1199px){.related-grid[data-related-rail]{grid-auto-columns:calc((100% - 40px)/3)}}@media(max-width:760px){.related-grid[data-related-rail]{grid-auto-columns:calc((100% - 20px)/2)}}@media(max-width:480px){.related-grid[data-related-rail]{grid-auto-columns:86%;gap:14px}}