#k-loading-section{--kl-o:#ced602;--kl-triangle:#f7f7f2;--kl-alt:#2ec4c7;--kl-bg:#050505;--kl-track:#343434;--kl-scale:1;--kl-depth:.65;--kl-glow:12px;margin:-10px -4px 0}.kl-app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:760px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0b111d,#090d14 52%,#070a10);box-shadow:0 25px 70px rgba(0,0,0,.34)}.kl-sidebar{padding:22px 16px;border-right:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(20,30,47,.75),rgba(9,13,21,.88));display:flex;flex-direction:column;gap:16px}.kl-brand{display:flex;align-items:center;gap:11px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.kl-brand strong{display:block;letter-spacing:.08em;text-transform:uppercase}.kl-brand small{display:block;color:var(--muted);margin-top:2px}.kl-brand-mark{width:38px;height:38px;position:relative;display:inline-block}.kl-brand-o,.kl-brand-tri{position:absolute;inset:0;background:var(--kl-o);mask:url('/assets/k-loading/O.svg') center/contain no-repeat;-webkit-mask:url('/assets/k-loading/O.svg') center/contain no-repeat}.kl-brand-tri{background:var(--kl-triangle);mask-image:url('/assets/k-loading/triangulo.svg');-webkit-mask-image:url('/assets/k-loading/triangulo.svg')}.kl-sidebar-title,.kl-kicker,.kl-preset-title{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#91a0b6}.kl-project-list{display:grid;gap:5px}.kl-project-item{border:1px solid transparent;background:transparent;color:#dbe3ef;padding:8px 10px;border-radius:11px;display:grid;grid-template-columns:34px 1fr 12px;gap:9px;align-items:center;text-align:left;cursor:pointer}.kl-project-item:hover{background:rgba(255,255,255,.045)}.kl-project-item.active{background:rgba(255,255,255,.09);border-color:rgba(125,170,255,.18);box-shadow:inset 3px 0 #4f8cff}.kl-project-item em{font-style:normal;color:#65728a}.kl-project-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.62rem;font-weight:900;color:white;background:#44536b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.kl-project-podcast{background:#7747d8}.kl-project-security{background:#238a95}.kl-project-arena{background:#d56d2e}.kl-project-crm{background:#346fdb}.kl-project-comms{background:#bc4b86}.kl-project-imob{background:#1b9a73}.kl-project-ai{background:#9256d9}.kl-project-trigger{background:#d99726}.kl-project-koobora{background:#d64c55}.kl-project-oraculo{background:#3978e8}.kl-project-krypto{background:#7144ba}.kl-project-contabil{background:#5e6b7b}.kl-sidebar-foot{margin-top:auto;display:grid;gap:10px}.kl-import-box{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:9px}.kl-import-box summary{cursor:pointer;color:#a8b4c5;font-size:.76rem}.kl-import-box textarea{width:100%;margin:8px 0;background:#070b11;border:1px solid rgba(255,255,255,.1);color:#d9e2ef;border-radius:8px;padding:8px;font:11px ui-monospace,monospace;resize:vertical}.kl-workspace{padding:28px 30px 22px;min-width:0}.kl-workspace-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.kl-title-lockup{display:flex;gap:16px;align-items:center}.kl-title-lockup h2{font-size:2rem;margin:.15rem 0}.kl-eyebrow{margin:0;color:#67a4ff;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kl-info-note{max-width:275px;border:1px solid rgba(93,151,240,.22);background:rgba(53,103,178,.1);border-radius:12px;padding:12px 14px;color:#aab8cc;font-size:.76rem;line-height:1.45}.kl-mark{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;transform:scale(var(--kl-scale)) perspective(700px) rotateX(var(--kl-tilt-x,5deg)) rotateY(var(--kl-tilt-y,-7deg));transform-style:preserve-3d;transform-origin:center;flex:none}.kl-mark-title{width:74px;height:74px;--kl-scale:1}.kl-mark-xs{width:21px;height:21px}.kl-mark-sm{width:48px;height:48px}.kl-mark-xl{width:150px;height:150px}.kl-assembly{position:absolute;inset:0;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform,opacity,clip-path}.kl-layer{position:absolute;inset:0;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.42)) drop-shadow(0 0 var(--kl-glow) color-mix(in srgb,currentColor 50%,transparent));transform:translateZ(var(--kl-depth-z,4px))}.kl-o{color:var(--kl-o);background:linear-gradient(135deg,color-mix(in srgb,var(--kl-o) 72%,white),var(--kl-o) 50%,color-mix(in srgb,var(--kl-o) 72%,black));mask-image:url('/assets/k-loading/O.svg');-webkit-mask-image:url('/assets/k-loading/O.svg')}.kl-triangle{color:var(--kl-triangle);background:linear-gradient(135deg,color-mix(in srgb,var(--kl-triangle) 78%,white),var(--kl-triangle) 52%,color-mix(in srgb,var(--kl-triangle) 78%,black));mask-image:url('/assets/k-loading/triangulo.svg');-webkit-mask-image:url('/assets/k-loading/triangulo.svg');transform:translateZ(var(--kl-depth-z2,8px))}.kl-dashboard-grid{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);gap:14px}.kl-config-card,.kl-preview-panel,.kl-publish-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,rgba(20,29,43,.82),rgba(11,17,27,.9));padding:18px}.kl-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.kl-section-head h3,.kl-publish-card h3{margin:3px 0 0;font-size:1rem}.kl-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kl-config-grid-3{grid-template-columns:1fr 1fr 1fr;margin-top:14px}.kl-config-card label{display:grid;gap:7px;color:#aab6c7;font-size:.76rem}.kl-config-card label>span{color:#d8e1ed;font-variant-numeric:tabular-nums}.kl-color-control{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0a1019;padding:5px 9px;gap:8px}.kl-color-control input{width:38px;height:28px;border:0;background:transparent;padding:0}.kl-color-control code{font-size:.72rem;color:#b5c0d0}.kl-config-card input[type=range]{width:100%;accent-color:#4f8cff}.kl-config-card select{width:100%;background:#0a1019;border:1px solid rgba(255,255,255,.09);color:#dbe4ef;border-radius:8px;padding:9px}.kl-preset-title{margin:18px 0 10px}.kl-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kl-preset{min-height:72px;text-align:left;border:1px solid rgba(255,255,255,.09);background:#0b111b;color:#e3eaf3;border-radius:11px;padding:12px;cursor:pointer}.kl-preset strong,.kl-preset span{display:block}.kl-preset span{font-size:.7rem;color:#8492a6;margin-top:4px}.kl-preset.active{border-color:#4f8cff;background:linear-gradient(135deg,rgba(57,112,201,.16),rgba(13,20,31,.94));box-shadow:inset 0 0 0 1px rgba(79,140,255,.2)}.kl-preset-wide{grid-column:1/-1}.kl-visual-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.kl-check{align-content:end;grid-column:1/-1;display:flex!important;align-items:center;gap:8px!important}.kl-actions-row{display:flex;gap:9px;margin-top:16px}.kl-actions-row button{flex:1}.kl-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kl-preview-card{position:relative;min-height:184px;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:15px;background:linear-gradient(145deg,var(--kl-bg),color-mix(in srgb,var(--kl-bg) 82%,#172238));overflow:hidden}.kl-preview-card small{display:block;color:#7f8da1;margin-top:4px}.kl-preview-number{font-size:.8rem;font-weight:700;color:#dbe4ef}.kl-preview-main{grid-row:span 2;min-height:378px}.kl-stage{position:absolute;inset:64px 10px 10px;display:grid;place-items:center}.kl-skeleton{margin-top:28px;display:grid;gap:9px}.kl-skeleton i,.kl-overlay-lines:before,.kl-overlay-lines:after{height:10px;border-radius:8px;background:rgba(255,255,255,.065)}.kl-skeleton i:nth-child(2){width:62%}.kl-skeleton>div{height:36px;display:flex;align-items:center;gap:12px}.kl-skeleton>div:after{content:"";height:10px;border-radius:8px;background:rgba(255,255,255,.065);width:70%}.kl-demo-btn{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:10px 14px;display:flex;gap:9px;align-items:center;opacity:1!important}.kl-overlay-demo{position:absolute;inset:64px 14px 14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(6,10,16,.64);display:grid;place-items:center}.kl-overlay-lines{position:absolute;inset:18px;filter:blur(2px);opacity:.7}.kl-overlay-lines:before,.kl-overlay-lines:after{content:"";display:block;margin-bottom:12px}.kl-preview-bar-card{grid-column:1/-1;min-height:118px}.kl-progress{height:9px;border-radius:999px;background:var(--kl-track);overflow:hidden;margin-top:27px}.kl-progress-runner{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kl-o),var(--kl-triangle));animation:kl-bar-slide 1.15s ease-in-out infinite}.kl-bar-meta{display:flex;justify-content:space-between;color:#718096;font-size:.65rem;margin-top:8px}.kl-publish-card{margin-top:14px;display:grid;grid-template-columns:minmax(230px,1.2fr) repeat(2,minmax(170px,.7fr)) minmax(190px,.8fr);gap:12px;align-items:stretch}.kl-version-card{border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0a1019;padding:12px;display:grid;gap:6px}.kl-version-card span{font-size:.72rem}.kl-version-card.draft span{color:#f1c24c}.kl-version-card.published span{color:#5bc77a}.kl-version-card small{color:#738196}.kl-publish-actions{display:grid;gap:8px;align-content:center}.kl-hidden-summary{display:none}.kl-sidebar .ghost,.kl-actions-row .ghost,.kl-publish-actions .ghost{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025)}#kl-status.error{border-color:rgba(240,90,90,.4);color:#ff9b9b}@keyframes kl-bar-slide{0%{transform:translateX(-110%)}55%{transform:translateX(165%)}100%{transform:translateX(290%)}}@media(max-width:1180px){.kl-app-shell{grid-template-columns:210px minmax(0,1fr)}.kl-dashboard-grid{grid-template-columns:1fr}.kl-publish-card{grid-template-columns:1fr 1fr}.kl-publish-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:760px){.kl-app-shell{grid-template-columns:1fr}.kl-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.kl-project-list{grid-template-columns:1fr 1fr}.kl-workspace{padding:18px}.kl-workspace-head{align-items:flex-start}.kl-info-note{display:none}.kl-config-grid,.kl-config-grid-3,.kl-visual-row,.kl-preview-grid,.kl-publish-card{grid-template-columns:1fr}.kl-preview-main{grid-row:auto;min-height:300px}.kl-preview-bar-card,.kl-preset-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){.kl-progress-runner{animation:none;transform:none;width:100%;opacity:.75}.kl-assembly{transform:none!important}}

/* K-Loading v2.1 visual density + depth pass */
body:has(#k-loading-section:not(.hidden)) .hero-row{display:none}
#k-loading-section{font-size:.9rem;margin:-14px -8px 0;--kl-face-z:var(--kl-depth-z,7px)}
.kl-app-shell{grid-template-columns:200px minmax(0,1fr);min-height:610px;border-radius:15px}
.kl-sidebar{padding:13px 10px;gap:9px}
.kl-brand{gap:8px;padding:0 5px 10px}.kl-brand-mark{width:30px;height:30px}.kl-brand strong{font-size:.82rem}.kl-brand small{font-size:.68rem}
.kl-sidebar-title,.kl-kicker,.kl-preset-title{font-size:.59rem;letter-spacing:.13em}
.kl-project-list{gap:2px}.kl-project-item{padding:5px 7px;border-radius:8px;grid-template-columns:27px 1fr 8px;gap:7px;font-size:.76rem;min-height:32px}.kl-project-icon{width:25px;height:25px;font-size:.52rem}.kl-sidebar-foot{gap:6px}.kl-import-box{padding:6px}
.kl-workspace{padding:15px 17px 12px}.kl-workspace-head{gap:14px;margin-bottom:11px}.kl-title-lockup{gap:10px}.kl-title-lockup h2{font-size:1.5rem;margin:.08rem 0}.kl-eyebrow{font-size:.57rem}.kl-info-note{max-width:230px;padding:8px 10px;font-size:.66rem;line-height:1.35}
.kl-mark{perspective:420px;transform:scale(var(--kl-scale)) perspective(420px) rotateX(var(--kl-tilt-x,9deg)) rotateY(var(--kl-tilt-y,-12deg));transform-style:preserve-3d;filter:drop-shadow(0 10px 13px rgba(0,0,0,.38))}
.kl-mark-title{width:52px;height:52px}.kl-mark-xl{width:108px;height:108px}.kl-mark-sm{width:39px;height:39px}.kl-mark-xs{width:18px;height:18px}
.kl-assembly{transform-style:preserve-3d;backface-visibility:visible}
.kl-layer{--kl-face-z:var(--kl-depth-z,7px);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{--kl-face-z:var(--kl-depth-z,7px);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);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))}
.kl-dashboard-grid{grid-template-columns:minmax(390px,.93fr) minmax(440px,1.07fr);gap:9px}.kl-config-card,.kl-preview-panel,.kl-publish-card{border-radius:11px;padding:11px}.kl-section-head{margin-bottom:10px}.kl-section-head h3,.kl-publish-card h3{font-size:.88rem;margin:2px 0 0}
.kl-config-grid{gap:7px}.kl-config-grid-3{gap:7px;margin-top:8px}.kl-config-card label{gap:4px;font-size:.67rem}.kl-color-control{padding:3px 6px;border-radius:7px}.kl-color-control input{width:30px;height:22px}.kl-color-control code{font-size:.62rem}.kl-config-card select{padding:6px;font-size:.7rem}.kl-preset-title{margin:10px 0 6px}.kl-preset-grid{gap:5px}.kl-preset{min-height:48px;border-radius:8px;padding:7px 9px}.kl-preset strong{font-size:.75rem}.kl-preset span{font-size:.61rem;margin-top:2px}.kl-visual-row{gap:7px;margin-top:8px}.kl-check{font-size:.64rem!important}.kl-actions-row{gap:6px;margin-top:8px}
.kl-preview-grid{gap:6px}.kl-preview-card{min-height:126px;border-radius:9px;padding:10px}.kl-preview-card small{font-size:.62rem;margin-top:2px}.kl-preview-number{font-size:.7rem}.kl-preview-main{min-height:260px}.kl-stage{inset:46px 8px 8px}.kl-skeleton{margin-top:17px;gap:6px}.kl-skeleton i,.kl-overlay-lines:before,.kl-overlay-lines:after{height:7px}.kl-skeleton>div{height:27px}.kl-skeleton>div:after{height:7px}.kl-demo-btn{padding:7px 10px;font-size:.7rem;gap:6px}.kl-overlay-demo{inset:45px 9px 9px}.kl-overlay-lines{inset:12px}.kl-preview-bar-card{min-height:82px}.kl-progress{height:6px;margin-top:16px}.kl-bar-meta{font-size:.57rem;margin-top:5px}
.kl-publish-card{margin-top:9px;grid-template-columns:minmax(190px,1.15fr) repeat(2,minmax(140px,.7fr)) minmax(155px,.75fr);gap:7px}.kl-version-card{padding:8px;border-radius:8px;gap:3px}.kl-version-card span,.kl-version-card small{font-size:.62rem}.kl-publish-actions{gap:5px}.kl-publish-actions button,.kl-actions-row button,.kl-sidebar .ghost{padding:7px 9px;font-size:.67rem}
@media(max-width:1180px){.kl-app-shell{grid-template-columns:185px minmax(0,1fr)}.kl-dashboard-grid{grid-template-columns:1fr}.kl-preview-main{min-height:230px}.kl-publish-card{grid-template-columns:1fr 1fr}.kl-publish-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:760px){body:has(#k-loading-section:not(.hidden)) .hero-row{display:none}.kl-app-shell{grid-template-columns:1fr}.kl-sidebar{padding:10px}.kl-project-list{grid-template-columns:1fr 1fr}.kl-workspace{padding:12px}.kl-dashboard-grid{grid-template-columns:1fr}.kl-preview-main{min-height:240px}}
@media(prefers-reduced-motion:reduce){.kl-assembly,.kl-layer{animation:none!important}.kl-assembly{transform:none!important}.kl-progress-runner{animation:none!important}}
/* K-Loading v2.1 compact pass 2: fit the studio comfortably in desktop viewports */
.kl-workspace-head{min-height:58px}.kl-title-lockup h2{font-size:1.38rem}.kl-info-note{max-width:215px;padding:7px 9px}
.kl-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.kl-preset{min-height:42px;padding:6px 7px}.kl-preset-wide{grid-column:span 2}.kl-preset strong{font-size:.69rem}.kl-preset span{font-size:.56rem;line-height:1.15}
.kl-visual-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end}.kl-check{grid-column:auto!important;align-self:end;min-height:38px;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:4px 6px;background:#0a1019}
.kl-config-card input[type=range]{height:15px}.kl-actions-row{margin-top:6px}.kl-config-card,.kl-preview-panel{padding:9px 10px}.kl-section-head{margin-bottom:7px}
.kl-preview-main{min-height:235px}.kl-preview-card{min-height:112px;padding:8px}.kl-stage{inset:40px 6px 6px}.kl-overlay-demo{inset:40px 7px 7px}.kl-preview-bar-card{min-height:70px}.kl-progress{margin-top:12px}
.kl-publish-card{padding:8px 10px;min-height:76px;grid-template-columns:minmax(170px,1.05fr) repeat(2,minmax(125px,.66fr)) minmax(145px,.7fr);align-items:center}.kl-publish-card p{margin:.18rem 0}.kl-version-card{padding:6px 7px}.kl-version-card strong{font-size:.75rem}.kl-publish-actions button{padding:6px 8px}
@media(max-width:1180px){.kl-preset-grid{grid-template-columns:1fr 1fr}.kl-preset-wide{grid-column:1/-1}.kl-visual-row{grid-template-columns:repeat(2,1fr)}.kl-check{grid-column:auto!important}}