:root{--sl-bg:#030705;--sl-panel:#07100a;--sl-panel2:#0b1710;--sl-line:#173b25;--sl-text:#f4fff5;--sl-muted:#a5b9aa;--sl-purple:#39ff14;--sl-cyan:#39ff14;--sl-green:#39ff14}.slsai{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:900px;background:radial-gradient(900px 550px at 100% 0%,#09230f 0%,transparent 56%),var(--sl-bg);color:var(--sl-text);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;border-radius:18px;overflow:hidden;max-width:1500px;margin:16px auto;box-shadow:0 25px 80px #0003}.slsai *{box-sizing:border-box}.slsai button,.slsai input,.slsai textarea,.slsai select{font:inherit}.slsai button{cursor:pointer}.slsai-side{background:#040906;border-right:1px solid var(--sl-line);padding:22px 14px;position:relative}.slsai-brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:17px;margin:0 7px 30px;color:#39ff14}.slsai-brand span{display:flex;flex-direction:column;line-height:1.05}.slsai-brand small{font-size:10px;letter-spacing:3px;color:#f4fff5;margin-top:5px}.slsai-mascot{width:48px;height:48px;object-fit:contain;border-radius:50%;border:1px solid #39ff14;box-shadow:0 0 18px #39ff1433}.slsai-brand i{font-style:normal;color:var(--sl-purple)}.slsai-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#b5a0ff,#72e6f2);color:#11121b;font-weight:900}.slsai-navlabel,.slsai-kicker{font-size:10px;letter-spacing:1.6px;color:var(--sl-cyan);font-weight:850}.slsai-navlabel{color:#727d96;margin:20px 10px 8px}.slsai-nav{display:grid;gap:4px}.slsai-nav button{border:1px solid transparent;background:transparent;color:var(--sl-muted);text-align:left;padding:10px;border-radius:10px;display:flex;gap:10px;align-items:center}.slsai-nav button:hover,.slsai-nav button.active{background:#0d2a12;border-color:#1f9b2c;color:#fff}.slsai-sidefoot{font-size:11px;color:var(--sl-muted);border:1px solid var(--sl-line);border-radius:12px;padding:12px;margin-top:28px}.slsai-main{padding:28px clamp(16px,3vw,42px);min-width:0}.slsai-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.slsai-header h1,.slsai-section h1{font-size:clamp(27px,3.5vw,39px);line-height:1.15;letter-spacing:-1.2px;margin:7px 0}.slsai-header p,.slsai-lead{color:var(--sl-muted);margin:8px 0;max-width:740px}.slsai-badge{border:1px solid #246b2e;background:#09210e;color:var(--sl-green);padding:7px 11px;border-radius:50px;font-size:11px;white-space:nowrap}.slsai-section{display:none}.slsai-section.active{display:block}.slsai-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.slsai-stats>div,.slsai-bigstat{border:1px solid var(--sl-line);background:#07100a;padding:15px;border-radius:14px}.slsai-stats b{font-size:24px;display:block;line-height:1.3}.slsai-stats span{font-size:11px;color:var(--sl-muted)}.slsai-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.slsai-card{grid-column:span 12;min-width:0;border:1px solid var(--sl-line);border-radius:16px;background:linear-gradient(145deg,#0b1710,#050a07);padding:19px;margin-bottom:15px}.slsai-grid>.slsai-card{margin-bottom:0}.slsai-grid>.wide{grid-column:span 8}.slsai-grid>.slsai-card:not(.wide){grid-column:span 4}.slsai-card h2{font-size:16px;margin:0 0 8px}.slsai-card p{color:var(--sl-muted);font-size:13px}.slsai-cardhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.slsai-tag{color:var(--sl-cyan);font-size:10px;border:1px solid #28515c;padding:4px 7px;border-radius:20px}.slsai label{display:block;color:#cbd1e1;font-size:12px;font-weight:700;margin:13px 0 6px}.slsai input,.slsai textarea,.slsai select{width:100%;max-width:100%;background:#040906;color:var(--sl-text);border:1px solid #24502d;border-radius:9px;padding:11px 12px;outline:none}.slsai textarea{min-height:95px;resize:vertical}.slsai input:focus,.slsai textarea:focus,.slsai select:focus{border-color:var(--sl-purple)}.slsai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slsai-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}.slsai-btn{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#b5a0ff,#8f9cff);color:#11121b;font-weight:800;font-size:12px}.slsai-btn.secondary{background:#101c13;color:#f3f4fb;border:1px solid #285533}.slsai-btn.danger{background:#392128;color:#ffd5d9;border:1px solid #63313c}.slsai-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#030705;border:1px solid #173b25;border-radius:11px;padding:14px;margin:13px 0 0;min-height:70px;color:#e1e7f8;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.slsai-feature{display:flex;gap:11px;margin-top:17px;align-items:flex-start}.slsai-feature>span{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:11px;background:#12361a;color:#39ff14;font-size:19px}.slsai-feature p{margin:2px 0 0}.slsai-toolcards{margin-top:15px}.slsai-grid.three{margin-top:13px}.slsai-grid.three button{grid-column:span 4;text-align:left;background:#07100a;border:1px solid var(--sl-line);border-radius:12px;padding:14px;color:var(--sl-text)}.slsai-grid.three button:hover{border-color:var(--sl-purple)}.slsai-grid.three small{display:block;color:var(--sl-muted);margin-top:5px}.slsai-warning{font-size:11px!important;color:#ffe0a3!important;background:#241d0c;border:1px solid #67501b;padding:11px;border-radius:10px;margin-top:13px}.slsai-bigstat{font-size:28px;font-weight:850;margin-top:15px}.slsai-footer{color:#748099;font-size:10px;margin:28px 0 5px}.slsai-toast{display:none;position:fixed;right:20px;bottom:20px;background:#07180b;border:1px solid #39ff14;color:white;padding:12px 16px;border-radius:12px;z-index:99999;box-shadow:0 10px 40px #0005}.slsai .full{grid-column:span 12}@media(max-width:950px){.slsai{grid-template-columns:1fr}.slsai-side{padding:14px}.slsai-brand{margin:0 8px 12px}.slsai-nav{display:flex;overflow-x:auto;padding-bottom:5px}.slsai-nav button{white-space:nowrap;flex:0 0 auto}.slsai-sidefoot,.slsai-navlabel{display:none}.slsai-main{padding:20px 14px}.slsai-grid>.wide,.slsai-grid>.slsai-card:not(.wide){grid-column:span 12}.slsai-grid.three button{grid-column:span 6}.slsai-header{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.slsai-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.slsai-fields{grid-template-columns:1fr}.slsai-grid.three button{grid-column:span 12}.slsai-main{padding:17px 10px}.slsai-card{padding:14px}.slsai-header h1,.slsai-section h1{font-size:28px}}
.slsai-header h1{color:#39ff14;text-shadow:0 0 24px #39ff1426}.slsai-card{box-shadow:inset 0 1px #39ff1408}.slsai-btn{background:linear-gradient(135deg,#39ff14,#1fbd25);color:#031005}.slsai-btn:hover{filter:brightness(1.08);box-shadow:0 0 18px #39ff1426}.slsai-nav button.active{background:#0d2a12;border-color:#39ff14}.slsai-feature>span{background:#12361a;color:#39ff14}

.slsai-hero{display:flex;align-items:center;gap:24px;padding:24px;margin-bottom:18px;border:1px solid #248b2b;border-radius:16px;background:radial-gradient(ellipse at 20% 50%,#103519 0%,#07100a 48%,#030705 100%);overflow:hidden}.slsai-hero img{width:clamp(90px,15vw,170px);height:clamp(90px,15vw,170px);object-fit:contain;filter:drop-shadow(0 0 18px #39ff1466);flex:0 0 auto}.slsai-hero h2{font-size:clamp(28px,4vw,46px);line-height:1;margin:5px 0;color:#39ff14;font-weight:950;font-style:italic;letter-spacing:-1.5px}.slsai-hero h3{font-size:clamp(14px,1.6vw,20px);margin:10px 0;color:#f4fff5}.slsai-hero p{margin:6px 0;color:#c5d6c8}.slsai-hero-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px;color:#39ff14;font-size:12px;font-weight:700}@media(max-width:540px){.slsai-hero{padding:14px;gap:12px}.slsai-hero img{width:76px;height:76px}.slsai-hero-points{gap:7px;flex-direction:column}}

/* JOKER AI STUDIO — acabado de marca y compatibilidad con temas WordPress */
.slsai{isolation:isolate;color-scheme:dark}
.slsai .slsai-brand strong{font-size:18px;letter-spacing:.2px;color:#39ff14;text-shadow:0 0 14px #39ff1426}
.slsai .slsai-header .slsai-kicker{color:#39ff14}
.slsai .slsai-nav button:focus-visible,.slsai .slsai-btn:focus-visible,.slsai .slsai-grid.three button:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
.slsai .slsai-tag{border-color:#286d31;color:#39ff14}
.slsai .slsai-footer{border-top:1px solid #173b25;padding-top:16px}
.slsai .slsai-output{max-height:520px;overflow:auto}
.slsai .slsai-nav button span{min-width:0}

/* Biblioteca de proyectos — v1.4.0 */
.slsai-project-list{display:grid;gap:12px}.slsai-project{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px;border:1px solid rgba(120,255,0,.22);border-radius:12px;background:rgba(255,255,255,.025)}.slsai-project>div:first-child{min-width:0;flex:1}.slsai-project p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.slsai-project small{opacity:.75}.slsai-project .slsai-actions{margin-top:0;flex-wrap:wrap}@media(max-width:650px){.slsai-project{flex-direction:column}.slsai-project .slsai-actions{width:100%}}