/* A small document assembles while resources arrive. No rotation or flashing. */
.sq-loader,.sq-loader *{box-sizing:border-box}
.sq-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:180px;width:100%;padding:28px;position:relative;color:#646d30;vertical-align:middle}
.sq-loader-art{position:relative;display:block;width:68px;height:66px;flex:none}
.sq-loader-sheet{position:absolute;display:block;width:43px;height:54px;border:1.5px solid #a8ae8c;border-radius:8px;background:#f4f5e9}
.sq-loader-sheet--back{left:5px;top:2px;transform:rotate(-9deg);animation:sq-sheet-back 2.4s ease-in-out infinite}
.sq-loader-sheet--front{left:17px;top:9px;background:#fffef9;border-color:#737c43;box-shadow:0 5px 12px #343c2010;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;animation:sq-sheet-front 2.4s ease-in-out infinite}
.sq-loader-sheet i{display:block;flex:none;height:3px;border-radius:4px;background:#a0aa73;transform-origin:left;animation:sq-line 2.4s ease-in-out infinite}
.sq-loader-sheet i:nth-child(2){animation-delay:.16s}.sq-loader-sheet i:nth-child(3){width:60%;animation-delay:.32s}
.sq-loader-tile{position:absolute;right:0;top:3px;width:15px;height:15px;border:3px solid #fffef9;border-radius:5px;background:#c6642c;box-shadow:0 2px 7px #b64e1e20;animation:sq-tile 2.4s ease-in-out infinite}
.sq-loader-track{display:block;width:76px;height:3px;overflow:hidden;border-radius:10px;background:#e7e9da}
.sq-loader-track>span{display:block;width:32px;height:100%;border-radius:inherit;background:#c6642c;animation:sq-track 1.8s ease-in-out infinite}
.sq-loader-track--progress>span{animation:none;transition:width .2s ease}
.sq-loader-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.sq-loader--compact{min-height:100px;padding:16px;gap:12px}.sq-loader--compact .sq-loader-art{zoom:.7}
.sq-loader--inline{display:inline-flex;width:32px;min-height:24px;padding:0;gap:0}.sq-loader--inline .sq-loader-art{zoom:.36}.sq-loader--inline .sq-loader-track{display:none}
.sq-loader-control{display:block}.i-preview-wrap:has(>.sq-loader){min-height:380px;display:grid;place-items:center}
:is(#i-notice,#p-notice,#t-message,#o-message,#hub-message,#l-message,#op-message):has(>.sq-loader){background:transparent;border:0;padding:0}
.empty-state>.sq-loader{min-height:110px;padding:0}
@keyframes sq-sheet-back{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-4px) rotate(-5deg)}}
@keyframes sq-sheet-front{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sq-line{0%,15%{transform:scaleX(.35);opacity:.4}45%,80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.35);opacity:.4}}
@keyframes sq-tile{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,6px)}}
@keyframes sq-track{0%,100%{transform:translateX(-20px)}50%{transform:translateX(64px)}}
@media(prefers-reduced-motion:reduce){.sq-loader *{animation:none!important;transition:none!important}.sq-loader-track>span{width:50%;transform:none}}
@media print{.sq-loader{display:none!important}}