/* Prepared first paint, a brief editor intro, then a normal scrolling page. */
.startup-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0051ed;color:#fff;transition:opacity .16s ease}
.startup-loader.is-complete{opacity:0;pointer-events:none}
.startup-loader-card{width:min(280px,70vw);text-align:center}
.startup-loader-logo{display:block;width:150px;height:auto;margin:0 auto 28px}
.startup-loader-card p{margin:0 0 18px;font:14px/1.5 Arial,Helvetica,sans-serif}
.startup-progress-row{display:flex;gap:12px;align-items:center}
#startup-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;border:0;background:#ffffff38;border-radius:8px;overflow:hidden}
#startup-progress::-webkit-progress-bar{background:#ffffff38}
#startup-progress::-webkit-progress-value{background:white;transition:width .12s linear}
#startup-progress::-moz-progress-bar{background:white}
#startup-percent{font:11px/1 Arial,Helvetica,sans-serif;min-width:30px;text-align:right}
.startup-pending{overflow:hidden}
.startup-pending body> :not(#startup-loader):not(script):not(style):not(noscript){visibility:hidden}
body[data-page="home"] #site-header{position:relative;inset:auto;z-index:10}
body[data-page="home"] #site-header>.topbar,body[data-page="home"] #site-header>.nav-row{transition:opacity .45s ease .12s,translate .82s cubic-bezier(.16,1,.3,1) .12s}
.editor-intro #site-header>.topbar,.editor-intro #site-header>.nav-row{opacity:0;translate:0 -24px;visibility:hidden;pointer-events:none}
.editor-ruler{position:absolute;inset:0 0 auto;height:28px;z-index:11;pointer-events:none;background:#edf5ff;color:#0751df;border-bottom:1px solid #b7d0f7;overflow:hidden;display:none}
.editor-intro .editor-ruler{display:block}
.editor-ruler-scale{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#91b5e6 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#3778cd 0 1px,transparent 1px 50px);background-size:100% 5px,100% 10px;background-position:left bottom;background-repeat:no-repeat}
.editor-ruler-scale span{position:absolute;top:3px;font:9px/1 Arial,Helvetica,sans-serif;transform:translateX(-50%)}
.editor-stage{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;contain:paint}
.editor-selection{position:absolute;border:1px dashed #fffffff2;pointer-events:none}
.selection-handle{position:absolute;display:block;width:6px;height:6px;background:#fff;border:1px solid #b2c9e8;transform:translate(-50%,-50%)}
.handle-nw{left:0;top:0}.handle-n{left:50%;top:0}.handle-ne{left:100%;top:0}.handle-e{left:100%;top:50%}.handle-se{left:100%;top:100%}.handle-s{left:50%;top:100%}.handle-sw{left:0;top:100%}.handle-w{left:0;top:50%}
.assembly-cursor{position:absolute;left:0;top:0;width:25px;height:32px;filter:drop-shadow(0 2px 2px #001d5150);pointer-events:none}
.assembly-cursor svg{display:block;width:100%;height:100%}
.hero-word{display:inline-block}
.editor-copy-pending .editor-assemble-item,.editor-art-pending{opacity:0}
.editor-copy-ready .editor-assemble-item{opacity:1}
.hero-guide-decoration{position:absolute;left:0;top:0;width:var(--guide-width,95%);height:var(--guide-height,80px);color:#fff;pointer-events:none;z-index:2}
.title-guide{position:absolute;display:block;background:#ffffff70}
.title-guide-top{top:calc(-1 * var(--guide-gap,6px));left:0;width:109.5%;height:1px;transform-origin:left center}
.title-guide-right{left:100%;top:calc(-1 * (var(--guide-overhang,46px) + var(--guide-gap,6px)));width:1px;height:calc(100% + var(--guide-overhang,46px) * 2);transform-origin:center 25%}
.title-guide-bottom{top:calc(100% + var(--guide-gap,6px));left:0;width:49%;height:1px;transform-origin:left center}
.title-guide-handle{position:absolute;display:block;width:var(--guide-handle,5px);height:var(--guide-handle,5px);background:#fff;border-radius:1px;transform:translate(-50%,-50%);box-shadow:0 0 1px #fff9}
.title-handle-start{left:.35%;top:calc(-1 * var(--guide-gap,6px))}
.title-handle-cross{left:100%;top:calc(-1 * var(--guide-gap,6px))}
.title-handle-bottom{left:5.8%;top:calc(100% + var(--guide-gap,6px))}
.collaboration{position:relative}
.collaboration-selection-line{position:absolute;left:0;top:calc(100% + 4 * var(--u));width:calc(129 * var(--u));max-width:100%;height:1px;background:#ffffff70;pointer-events:none}
.collaboration-selection-line>i{position:absolute;left:89%;top:0;display:block;width:clamp(4px,calc(2.6 * var(--u)),6px);height:clamp(4px,calc(2.6 * var(--u)),6px);transform:translate(-50%,-50%);background:#fff;border-radius:1px}
@keyframes artwork-guide-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes title-guide-draw-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes title-guide-draw-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes title-guide-point{from{opacity:0}to{opacity:1}}
.editor-copy-ready .hero-title-sweep{animation:hero-edge-sweep 4.8s cubic-bezier(.45,0,.55,1) .2s 1}
.brand-overview.overview-motion-ready{background:#fff;position:relative;isolation:isolate;padding-top:clamp(28px,3vw,60px)}
.brand-overview.overview-motion-ready:before{content:none}
.brand-overview.overview-motion-ready>.feature-placeholders,.brand-overview.overview-motion-ready>.brand-numbers,.brand-overview.overview-motion-ready>.brand-footer{position:relative;transform:none}
@media(max-width:599px){.assembly-cursor{width:21px;height:27px}.title-guide-top{width:102%}}
@media(prefers-reduced-motion:reduce){.startup-loader,body[data-page="home"] #site-header>.topbar,body[data-page="home"] #site-header>.nav-row{transition:none}.editor-copy-ready .hero-title-sweep{animation:none}}

/* Sparse editor: up to three independent frames and cursors, each with its own job. */
.editor-ruler.is-exiting{display:block;animation:ruler-leave .22s cubic-bezier(.4,0,1,1) both}
@keyframes ruler-leave{to{transform:translateY(-100%);opacity:0}}
.swarm-stage{inset:0 0 auto;overflow:hidden;contain:paint;background:none}
.swarm-selection{left:0;top:0;border:1px solid #ffffffb3;background:none;will-change:transform;box-shadow:none}
.swarm-selection[hidden],.swarm-guide[hidden],.swarm-caret[hidden]{display:none}
.swarm-selection .selection-handle{width:5px;height:5px;border-color:#fff;background:#fff}
.swarm-selection[data-job^="card-name-"]{border-color:var(--worker-color);box-shadow:0 0 0 1px #fff9}
.swarm-selection[data-job^="card-name-"] .selection-handle{border-color:var(--worker-color)}
.swarm-dimensions{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);padding:2px 5px;border-radius:2px;background:#ffffffed;color:#0751df;font:9px/1.1 Arial,Helvetica,sans-serif;white-space:nowrap}
.swarm-guide{position:absolute;display:block;background:#ffffff36;pointer-events:none}
.swarm-guide-horizontal{height:1px}.swarm-guide-vertical{width:1px}
.swarm-safe-edge{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1a;pointer-events:none}
.swarm-caret{position:absolute;left:0;top:0;width:1px;background:#fff;will-change:transform}
.swarm-cursor{width:22px;height:29px;color:#fff;will-change:transform}
.swarm-cursor svg{transform-origin:1px 1px;transition:scale .08s ease}
.swarm-cursor[data-action="drag"] svg{scale:.9}
.swarm-cursor:after{content:"";position:absolute;left:1px;top:1px;width:16px;height:16px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.swarm-cursor[data-action="select"]:after{opacity:.8}
.swarm-word{display:inline-block;white-space:nowrap}
.editor-intro .editor-assemble-item,.editor-intro .hero-art{transition:none!important;will-change:transform,opacity}
.editor-copy-pending .editor-assemble-item,.editor-art-pending{visibility:hidden}
.editor-copy-pending:not(.swarm-title-ready) .hero-guide-decoration{opacity:0}
.editor-copy-pending:not(.swarm-collaboration-ready) .collaboration-selection-line{opacity:0}
.editor-intro .artwork-guide-decoration{opacity:0}
@media(max-width:599px){.swarm-cursor{width:19px;height:25px}.swarm-dimensions{font-size:8px}}

.editor-intro.swarm-header-ready #site-header>.topbar,.editor-intro.swarm-header-ready #site-header>.nav-row{opacity:1;translate:0 0;visibility:visible;pointer-events:auto}

.editor-intro .template-tile{opacity:0;pointer-events:none;transition:none!important}
.editor-intro .templates-label{opacity:0;visibility:hidden;transition:opacity .2s ease}
.editor-intro.swarm-cards-ready .templates-label{opacity:1;visibility:visible}

/* The overview stays in page flow; its own workers activate only in view. */
.overview-assemble-item{transition:none!important;will-change:transform,opacity}
.overview-swarm-stage .swarm-selection{border-color:#3579e8;box-shadow:0 0 0 1px #fff8}
.overview-swarm-stage .selection-handle{border-color:#3579e8;background:#fff}
.overview-swarm-stage .swarm-selection[data-surface="blue"],.overview-swarm-stage .swarm-selection[data-surface="blue"] .selection-handle{border-color:#fff}
.overview-swarm-stage .swarm-dimensions{background:#1764df;color:#fff}