/* K-Loading (runtime publico, copia fiel das regras de /app/k-loading.css usadas fora do Studio). Skin: projeto "orquestrahub". */
.kl-skin{--kl-o:#ced602;--kl-triangle:#f7f7f2;--kl-alt:#2ec4c7;--kl-bg:#050505;--kl-track:#343434;--kl-scale:1;--kl-depth:.65;--kl-glow:12px;--kl-face-z:var(--kl-depth-z,7px)}
.kl-mark{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;transform:scale(var(--kl-scale)) perspective(420px) rotateX(var(--kl-tilt-x,9deg)) rotateY(var(--kl-tilt-y,-12deg));transform-style:preserve-3d;transform-origin:center;flex:none;filter:drop-shadow(0 10px 13px rgba(0,0,0,.38))}
.kl-mark-xl{width:108px;height:108px}.kl-mark-sm{width:39px;height:39px}.kl-mark-xs{width:18px;height:18px}
.kl-assembly{position:absolute;inset:0;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:visible;will-change:transform,opacity,clip-path}
.kl-layer{position:absolute;inset:0;--kl-face-z:var(--kl-depth-z,7px);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;transform:translateZ(var(--kl-face-z));filter:drop-shadow(1px 2px 0 rgba(0,0,0,.95)) drop-shadow(3px 5px 1px rgba(0,0,0,.48)) drop-shadow(-1px -1px 0 rgba(255,255,255,.24)) drop-shadow(0 0 var(--kl-glow) currentColor);will-change:transform,filter,opacity,background}
.kl-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.08) 18%,transparent 39%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.42) 100%);mix-blend-mode:soft-light;pointer-events:none}
.kl-o{color:var(--kl-o);mask-image:url('/assets/k-loading/O.svg');-webkit-mask-image:url('/assets/k-loading/O.svg');background:radial-gradient(circle at 27% 18%,color-mix(in srgb,var(--kl-o) 42%,white) 0 7%,transparent 34%),linear-gradient(138deg,color-mix(in srgb,var(--kl-o) 48%,white) 0%,color-mix(in srgb,var(--kl-o) 18%,white) 22%,var(--kl-o) 48%,color-mix(in srgb,var(--kl-o) 32%,black) 76%,color-mix(in srgb,var(--kl-o) 58%,black) 100%)}
.kl-triangle{--kl-face-z:var(--kl-depth-z2,12px);color:var(--kl-triangle);mask-image:url('/assets/k-loading/triangulo.svg');-webkit-mask-image:url('/assets/k-loading/triangulo.svg');background:radial-gradient(circle at 25% 18%,color-mix(in srgb,var(--kl-triangle) 38%,white) 0 8%,transparent 35%),linear-gradient(138deg,color-mix(in srgb,var(--kl-triangle) 46%,white) 0%,color-mix(in srgb,var(--kl-triangle) 14%,white) 24%,var(--kl-triangle) 49%,color-mix(in srgb,var(--kl-triangle) 30%,black) 77%,color-mix(in srgb,var(--kl-triangle) 55%,black) 100%);transform:translateZ(var(--kl-face-z))}
/* Page Loading: marca grande + barra na identidade do projeto */
.kl-page{display:grid;place-items:center;padding:26px 0 8px}
.kl-progress{height:14px;border-radius:999px;background:var(--kl-track);overflow:hidden}
.kl-progress-fill{display:block;height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,var(--kl-o),var(--kl-triangle));transition:width .8s ease}
.kl-btn-loading{display:inline-flex;align-items:center;gap:10px}
@media(prefers-reduced-motion:reduce){.kl-assembly,.kl-layer{animation:none!important}.kl-assembly{transform:none!important}.kl-progress-fill{transition:none}}