:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080d16;color:#eef4ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#162238 0,#080d16 42%,#05080d 100%);padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-left))}
.shell{width:min(920px,100%);margin:0 auto;padding:26px 0 40px}
header,.section-head,.hero,.actions,footer,.pair-form,.pair-info{display:flex;align-items:center}
header,.section-head,footer{justify-content:space-between;gap:16px}
header{margin-bottom:20px}
h1{font-size:clamp(30px,6vw,48px);margin:2px 0 0}h2{margin:4px 0 0;font-size:20px}
.eyebrow,.label{font-size:11px;letter-spacing:.15em;font-weight:800;color:#8fa5c7}
.card{background:rgba(17,26,42,.88);border:1px solid #25344d;border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.22);backdrop-filter:blur(12px);margin-bottom:16px}
.hero{justify-content:space-between;gap:22px;padding:26px}
.state{font-size:clamp(34px,8vw,64px);font-weight:900;letter-spacing:-.04em}
.state.on{color:#62e68b}.state.off{color:#ff6b73}
.power{width:150px;height:150px;border-radius:50%;border:1px solid #334562;background:#0d1523;color:#eef4ff;font-weight:900;display:grid;place-items:center;align-content:center;gap:4px;box-shadow:inset 0 0 0 7px rgba(255,255,255,.02)}
.power.on{background:radial-gradient(circle,#153923,#0c2015);border-color:#2f9d58;box-shadow:0 0 45px rgba(74,222,128,.2),inset 0 0 0 7px rgba(98,230,139,.06)}
.power.off{background:radial-gradient(circle,#3b171b,#231014);border-color:#9c3942}
.power-ring{font-size:58px;line-height:1}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.grid .card{margin:0 0 16px}
strong{display:block;font-size:22px;margin-top:5px}
p{color:#aab9cf;line-height:1.45}
.badge{padding:8px 12px;border-radius:999px;background:#1c2940;color:#bcd0ec;font-size:12px;font-weight:800}
.badge.on{background:#173823;color:#7ff0a2}.badge.off{background:#3c171b;color:#ff9298}.badge.neutral{background:#202b3e;color:#bdc9dc}
.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.job-meta span{padding:7px 10px;background:#0c1421;border:1px solid #24314a;border-radius:10px;font-size:12px;color:#9fb0ca}
.output{background:#0a111c;border:1px solid #202d43;border-radius:14px;padding:14px;white-space:pre-wrap;max-height:170px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#c8d6ea}
.actions{gap:10px;flex-wrap:wrap}
button{appearance:none;border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer;background:#2775ff;color:white}
button:disabled{opacity:.4;cursor:not-allowed}
.secondary{background:#18263a;border:1px solid #30415d;color:#e7effb}
.danger-btn{background:#6f242b;border:1px solid #a43e49}
.pair-form{gap:10px}.pair-form input{flex:1;min-width:0;background:#0b1320;color:white;border:1px solid #33445e;border-radius:13px;padding:14px;font-size:24px;letter-spacing:.2em;text-align:center}
.pair-info{align-items:flex-start;gap:18px;margin-top:16px}
.pair-code{font-size:36px;font-weight:950;letter-spacing:.14em;padding:18px;background:#09111c;border:1px solid #32425e;border-radius:16px}
.urls{display:grid;gap:6px}.urls code{display:block;background:#09111c;padding:8px 10px;border-radius:9px;color:#8fc6ff;word-break:break-all}
.danger{color:#ff8a91}.hidden{display:none!important}
footer{color:#667892;font-size:11px;margin-top:18px;padding:0 6px}

.control-board{padding:18px}
.mobile-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.control-tile{min-height:132px;border-radius:20px;border:1px solid #2d3e5a;background:#111b2b;color:#eef4ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.control-tile.on{background:linear-gradient(180deg,#173a24,#10281a);border-color:#35985b;box-shadow:0 0 30px rgba(75,220,128,.12)}
.control-tile.off{background:linear-gradient(180deg,#3a171b,#241014);border-color:#93404a}
.control-tile:disabled{opacity:.35;filter:saturate(.4)}
.control-icon{font-size:38px;line-height:1}
.control-title{font-size:15px;font-weight:950;letter-spacing:.06em}
.control-state{font-size:12px;color:#a9bad2;font-weight:800}
.action-tile{background:linear-gradient(180deg,#182a43,#111b2b)}
.stop-tile{background:linear-gradient(180deg,#5a2026,#321419);border-color:#8d3942}
.status-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.status-strip>div{background:#0a111c;border:1px solid #202d43;border-radius:16px;padding:14px}
.status-strip strong{font-size:18px;margin-top:5px}
.status-strip p{font-size:12px;margin:6px 0 0}
.mission-hint{font-size:12px;color:#7f91aa;margin:12px 0 0}
.chat-list{display:grid;gap:10px;margin-top:16px}
.chat-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#0a111c;border:1px solid #202d43;border-radius:16px;padding:13px}
.chat-main{min-width:0}.chat-name{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{font-size:11px;color:#8091aa;margin-top:4px}
.chat-toggle{min-width:92px;border-radius:12px;padding:11px 13px;background:#3a171b;border:1px solid #93404a;color:#fff}
.chat-toggle.on{background:#173a24;border-color:#35985b}
.chat-toggle.transfer{background:#3a2b10;border-color:#9b7a2f}
.chat-toggle:disabled{opacity:.45}
.chat-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.chat-archive{min-width:76px;border-radius:12px;padding:11px 12px;background:#261319;border:1px solid #7f3946;color:#ffced6;font-weight:800}
.chat-archive:disabled{opacity:.45}
.owner-banner{margin-top:14px;border-radius:14px;padding:12px 14px;font-size:12px;font-weight:950;letter-spacing:.04em;background:#173823;border:1px solid #35985b;color:#8df4aa}
.owner-banner.free{background:#101928;border-color:#2a3b56;color:#9eb0ca}
.owner-banner.busy{background:#33280f;border-color:#8c6b24;color:#f4cf70}
@media(max-width:640px){.mobile-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.control-tile{min-height:118px}.status-strip{grid-template-columns:1fr}.control-board{padding:14px}}

@media(max-width:640px){.shell{padding-top:16px}.hero{align-items:center}.power{width:112px;height:112px}.power-ring{font-size:44px}.grid{grid-template-columns:1fr}.pair-info{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.actions button{flex:1}.card{border-radius:18px}}
.live-list{display:grid;gap:7px;margin-top:14px}
.live-row{display:grid;grid-template-columns:72px 100px 72px minmax(0,1fr);gap:8px;align-items:center;background:#0a111c;border:1px solid #202d43;border-radius:12px;padding:9px 10px;font-size:11px}
.live-row.latest{border-color:#35985b;background:#0d1b16}
.live-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8fa5c7}
.live-kind{font-weight:950;color:#7ff0a2}.live-source{font-weight:850;color:#8fc6ff}.live-target{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c8d6ea}
.live-empty{padding:13px;background:#0a111c;border:1px solid #202d43;border-radius:12px;color:#7f91aa;font-size:12px}
@media(max-width:640px){.live-row{grid-template-columns:64px 88px 62px minmax(0,1fr);gap:5px;padding:8px 7px;font-size:10px}.live-target{font-size:10px}}

.live-chat{display:flex;flex-direction:column;gap:9px;margin-top:14px;max-height:390px;overflow:auto;padding:3px}.live-bubble{align-self:flex-start;max-width:94%;background:#0a111c;border:1px solid #22334d;border-radius:16px 16px 16px 5px;padding:10px 12px}.live-bubble.working{border-color:#2d9c5b;background:#0c1b15}.live-bubble.error{border-color:#9b4250}.live-bubble.done{border-color:#285c47}.live-meta{font-size:9px;letter-spacing:.08em;color:#7890b2;margin-bottom:5px;font-weight:850}.live-message{font-size:12px;line-height:1.42;color:#d9e4f4;word-break:break-word}

/* CHAT LOCAL (móvil-first) */
.chat-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.chat-mode{min-height:52px;border-radius:14px;background:#111b2b;border:1px solid #2d3e5a;color:#c7d6ea;font-weight:950;letter-spacing:.06em;font-size:15px}
.chat-mode.on{background:linear-gradient(180deg,#17324a,#111f30);border-color:#2f7fd6;color:#eaf3ff;box-shadow:0 0 22px rgba(39,117,255,.18)}
.chat-model-row{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.chat-model-row select{background:#0b1320;color:#eef4ff;border:1px solid #33445e;border-radius:12px;padding:13px;font-size:15px;font-weight:700}
.chat-log{display:flex;flex-direction:column;gap:9px;margin-top:14px;max-height:52vh;overflow-y:auto;padding:4px;-webkit-overflow-scrolling:touch}
.chat-empty{padding:14px;background:#0a111c;border:1px solid #202d43;border-radius:12px;color:#7f91aa;font-size:12px}
.chat-msg{max-width:92%;padding:11px 13px;border-radius:16px;font-size:14px;line-height:1.46;white-space:pre-wrap;word-break:break-word}
.chat-msg.user{align-self:flex-end;background:#1d3a63;border:1px solid #2f6fc0;border-bottom-right-radius:5px;color:#eaf3ff}
.chat-msg.bot{align-self:flex-start;background:#0a111c;border:1px solid #22334d;border-bottom-left-radius:5px;color:#d9e4f4}
.chat-msg.bot.working{border-color:#2d9c5b;background:#0c1b15}
.chat-msg.bot.error{border-color:#9b4250;background:#1c0f12}
.chat-msg.bot.task{border-color:#9b7a2f;background:#1b160a}
.chat-tag{display:block;font-size:9px;letter-spacing:.09em;color:#7890b2;margin-bottom:5px;font-weight:850}
.chat-input{display:flex;gap:9px;align-items:flex-end;margin-top:14px}
.chat-input textarea{flex:1;min-width:0;background:#0b1320;color:#eef4ff;border:1px solid #33445e;border-radius:16px;padding:13px 14px;font-size:15px;line-height:1.4;resize:none;max-height:140px;font-family:inherit}
.chat-input button{width:54px;height:54px;flex:none;border-radius:16px;background:#2775ff;color:#fff;font-size:20px;display:grid;place-items:center}
.chat-input button:disabled{opacity:.4}
@media(max-width:640px){.chat-log{max-height:46vh}.chat-msg{max-width:95%}}

/* Desktop WorkLab V1 — reference layout, desktop only */
.desktop-worklab{display:none}
@media(min-width:1000px){
 body{padding:0;background:#030914;overflow:hidden}
 body>.shell,body>main:not(.dw-center){display:none!important}
 .desktop-worklab{height:100vh;width:100vw;display:grid;grid-template-columns:220px minmax(480px,42%) 1fr;background:radial-gradient(circle at 35% 20%,#092340 0,#04101d 35%,#020711 78%);color:#e8f4ff}
 .dw-sidebar,.dw-center,.dw-live{min-width:0;border-right:1px solid #123a5a}
 .dw-sidebar{padding:20px 12px;background:rgba(2,10,20,.86)}
 .dw-brand{display:flex;gap:10px;align-items:center;padding:0 8px 22px}.dw-logo{font-size:32px;color:#00a8ff;text-shadow:0 0 18px #008cff}.dw-brand b{display:block;font-size:18px}.dw-brand small{display:block;color:#00a8ff;letter-spacing:.22em;font-size:8px;margin-top:4px}
 .dw-label{font-size:10px;color:#6d91ad;letter-spacing:.18em;margin:18px 8px 7px;font-weight:900}
 .dw-model{display:flex;width:100%;align-items:center;gap:9px;margin:5px 0;padding:10px 11px;border-radius:9px;border:1px solid transparent;background:#06111f;color:#9ebbd2;font-size:12px;text-align:left}.dw-model.active{border-color:#087cff;color:#eaf7ff;background:#07192b;box-shadow:0 0 16px rgba(0,128,255,.12)}.dw-model i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#4cff80;box-shadow:0 0 8px #4cff80}
 .dw-center{display:grid;grid-template-rows:54px minmax(260px,52vh) 1fr 66px;background:rgba(3,12,22,.5)}
 .dw-nav{display:flex;align-items:center;gap:26px;padding:0 20px;border-bottom:1px solid #123a5a;font-size:12px;color:#7fa5c3}.dw-nav b{color:#51c5ff;height:54px;display:grid;place-items:center;border-bottom:2px solid #00a8ff}
 .dw-avatar{position:relative;overflow:hidden;margin:10px;border:1px solid #0a6fa8;border-radius:12px;background:radial-gradient(circle at 50% 42%,#123d65,#04101c 60%,#020812);display:grid;place-items:center}
 .dw-orbit{position:absolute;border:3px solid rgba(0,166,255,.32);border-radius:50%;box-shadow:0 0 28px rgba(0,160,255,.35)}.o1{width:330px;height:330px}.o2{width:250px;height:250px;border-color:rgba(115,74,255,.28)}
 .dw-head{position:relative;width:170px;height:215px;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#d9e6ee,#657a8b 36%,#1d2b38 58%,#a8bac5);border:2px solid #4dd1ff;box-shadow:0 0 35px rgba(0,174,255,.6),inset 0 -25px 35px #07131f}
 .dw-head:before{content:"";position:absolute;left:28px;right:28px;top:18px;height:60px;border-radius:50% 50% 35% 35%;border-top:5px solid #09aaff;box-shadow:0 -4px 14px #008cff}
 .dw-eye{position:absolute;top:92px;width:25px;height:12px;border-radius:50%;background:#8deaff;box-shadow:0 0 16px #00aaff}.dw-eye.left{left:37px}.dw-eye.right{right:37px}.dw-mouth{position:absolute;left:67px;bottom:43px;width:36px;height:8px;border-bottom:2px solid #6bdcff;border-radius:50%}
 .dw-avatar-state{position:absolute;right:18px;top:18px;display:grid;gap:8px;text-align:right}.dw-avatar-state strong{font-size:18px}.dw-avatar-state span{font-size:10px;padding:7px 9px;border-radius:12px;background:#082443;color:#55caff}
 .dw-chat{overflow:auto;padding:4px 14px;display:flex;flex-direction:column;gap:8px}.dw-msg{max-width:86%;padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.4}.dw-msg.bot{background:#0c1d31;border:1px solid #173e5f}.dw-msg.user{align-self:flex-end;background:#102b4d;border:1px solid #175d95}
 .dw-compose{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #123a5a}.dw-compose input{flex:1;background:#06111f;border:1px solid #174a70;border-radius:10px;padding:0 14px;color:#bcd4e7}.dw-compose button{width:48px;border-radius:10px;background:#087cff}
 .dw-live{padding:12px;background:rgba(2,9,17,.78);display:grid;grid-template-rows:44px 42px minmax(180px,1fr) 78px 100px 80px;gap:8px}.dw-live header{display:flex;justify-content:space-between;align-items:center;border:1px solid #0b5f8d;border-radius:10px;padding:0 12px}.dw-live header div{display:flex;gap:8px;align-items:center}.dw-live header span:last-child{font-size:9px;color:#5df58a}.dw-dot{width:9px;height:9px;border-radius:50%;background:#39ee75;box-shadow:0 0 10px #39ee75}
 .dw-tabs{display:flex;align-items:center;gap:22px;padding:0 12px;border-bottom:1px solid #123a5a;color:#789ab6;font-size:11px}.dw-tabs b{color:#60caff}
 .dw-console{overflow:auto;white-space:pre-wrap;background:#020912;border:1px solid #123a5a;border-radius:8px;padding:12px;font:11px/1.55 ui-monospace,monospace;color:#64e895}
 .dw-progress{padding:8px 4px}.dw-progress label{display:flex;justify-content:space-between;font-size:11px}.dw-progress>div{height:9px;background:#09213a;border-radius:10px;margin-top:10px;overflow:hidden}.dw-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7146ff,#09aaff);transition:width .4s}
 .dw-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dw-metrics article{background:#071421;border:1px solid #123a5a;border-radius:9px;padding:12px}.dw-metrics small{font-size:9px;color:#7092ad}.dw-metrics strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dw-resources{background:#06111d;border:1px solid #123a5a;border-radius:9px;padding:10px;font-size:11px}.dw-resources p{margin:8px 0 0;color:#6e95b0;word-spacing:12px}
}

/* Desktop V2 fidelity pass */
@media(min-width:1000px){
.desktop-worklab{grid-template-columns:210px minmax(560px,44%) 1fr;background:linear-gradient(115deg,#020814,#03101d 42%,#020711)}
.dw-sidebar{border-right:1px solid #075c8f;box-shadow:8px 0 30px rgba(0,0,0,.25)}
.dw-brand{padding-bottom:14px}.dw-model{min-height:38px;border-radius:8px;background:linear-gradient(90deg,#05101c,#071625);transition:.2s}.dw-model:hover{transform:translateX(2px);border-color:#0a6096}
.dw-center{grid-template-rows:50px minmax(340px,56vh) 1fr 64px}
.dw-avatar{margin:8px;border-color:#0d8bca;background:radial-gradient(ellipse at 50% 48%,#123f69 0,#061b31 34%,#020914 72%);box-shadow:inset 0 0 70px #010711,0 0 18px rgba(0,155,255,.12)}
.dw-gridglow{position:absolute;inset:0;background:linear-gradient(rgba(0,170,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.025) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.dw-ring{position:absolute;border-radius:50%;border:2px solid rgba(0,174,255,.28);box-shadow:0 0 28px rgba(0,150,255,.25),inset 0 0 25px rgba(0,150,255,.12);animation:dwPulse 4s ease-in-out infinite}.r1{width:380px;height:380px}.r2{width:315px;height:315px;border-color:rgba(36,116,255,.32);animation-delay:-1s}.r3{width:250px;height:250px;border-color:rgba(104,64,255,.28);animation-delay:-2s}
@keyframes dwPulse{50%{transform:scale(1.025);opacity:.65}}
.dw-neck{position:absolute;top:69%;width:104px;height:120px;background:linear-gradient(90deg,#0b1723,#758795 45%,#0b1723);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);filter:drop-shadow(0 0 12px #087bc0)}
.dw-head{width:190px;height:235px;border-radius:46% 46% 43% 43%;background:linear-gradient(145deg,#e2edf2 2%,#91a4af 25%,#263744 54%,#9fb0ba 77%,#263743);border:1px solid #80e2ff;box-shadow:0 0 42px rgba(0,180,255,.72),inset 0 -30px 40px #08141f;z-index:3}
.dw-head:before{left:36px;right:36px;top:15px;height:68px;border-top:6px solid #0bb7ff;box-shadow:0 -5px 20px #008cff}
.dw-face{position:absolute;inset:56px 25px 29px;border-radius:48% 48% 43% 43%;background:linear-gradient(160deg,rgba(239,247,250,.88),rgba(116,137,150,.78) 46%,rgba(205,218,224,.82));box-shadow:inset 0 -12px 22px rgba(24,38,48,.42)}
.dw-helmet{position:absolute;z-index:2;background:#142737;border:1px solid #149bd2}.h1{left:12px;top:38px;width:26px;height:128px;border-radius:50% 15% 30% 50%;transform:rotate(8deg)}.h2{right:12px;top:38px;width:26px;height:128px;border-radius:15% 50% 50% 30%;transform:rotate(-8deg)}
.dw-eye{z-index:5;top:112px;width:31px;height:14px;background:radial-gradient(circle,#e9fbff 0,#44d9ff 35%,#087fff 72%);box-shadow:0 0 20px #00aaff}.dw-eye.left{left:42px}.dw-eye.right{right:42px}
.dw-nose{position:absolute;z-index:5;left:91px;top:128px;width:8px;height:35px;border-left:1px solid rgba(50,80,100,.55);transform:skew(-8deg)}
.dw-mouth{z-index:5;left:70px;bottom:48px;width:50px;height:12px;border:0;border-bottom:3px solid #5bc7e9;border-radius:50%;box-shadow:0 5px 10px rgba(0,170,255,.18)}
.dw-ear{position:absolute;z-index:6;top:94px;width:25px;height:52px;border-radius:45%;background:#0d2638;border:2px solid #1ac5ff;box-shadow:0 0 16px #008ee0}.dw-ear.left{left:-18px}.dw-ear.right{right:-18px}
.dw-avatar-state{right:20px;top:20px}.dw-avatar-state em{font-size:10px;color:#80a8c5;font-style:normal}.dw-avatar-state .ready{justify-self:end;background:#063f2b;color:#58f49a;border:1px solid #0a8754}
.dw-thinking{position:absolute;right:18px;bottom:55px;display:grid;gap:7px}.dw-thinking span{font-size:9px;padding:7px 11px;border-radius:13px;background:linear-gradient(90deg,#073a64,#092148);color:#7fd7ff;border:1px solid rgba(22,117,190,.45)}
.dw-wave{position:absolute;bottom:20px;right:22px;color:#12bdff;letter-spacing:1px;text-shadow:0 0 8px #00aaff;font-size:14px}
.dw-chat{padding:5px 12px 8px}.dw-msg{padding:9px 12px}.dw-msg b{font-size:8px;letter-spacing:.12em;color:#52caff;margin-right:6px}
.dw-live{grid-template-rows:46px 40px minmax(220px,1fr) 70px 92px 95px;border-left:1px solid #08689d}.dw-console{font-size:11px;color:#67f39a;box-shadow:inset 0 0 24px rgba(0,80,120,.1)}
.dw-metrics article{background:linear-gradient(145deg,#06131f,#071a2a);box-shadow:inset 0 0 18px rgba(0,120,190,.06)}
.dw-resources>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.dw-resources span{display:grid;place-items:center;height:54px;border:4px solid #0d6d9e;border-radius:50%;font-size:8px;color:#7fa6c0}.dw-resources span:nth-child(1){border-color:#24d96e}.dw-resources span:nth-child(3){border-color:#7757e8}.dw-resources span:nth-child(4){border-color:#e4ad25}.dw-resources span strong{font-size:9px;margin:0}
}
@media(min-width:1000px){
.dw-avatar3d{position:absolute;z-index:4;left:10%;right:10%;top:2%;bottom:0;display:grid;place-items:center;pointer-events:auto}
.dw-avatar3d canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 22px rgba(0,160,255,.32))}
.dw-avatar-load{position:absolute;padding:7px 12px;border:1px solid #147eb6;border-radius:20px;background:#03111dcc;color:#65d8ff;font-size:9px;letter-spacing:.14em}
.dw-avatar3d.ready{animation:avatarEnter .8s ease-out both}
@keyframes avatarEnter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
}

/* V4 — reference fidelity: mature workstation, restrained cyan, thin geometry */
@media(min-width:1000px){
:root{--v4line:rgba(64,190,235,.24);--v4line2:rgba(108,137,170,.16);--v4text:#d9e6ef;--v4muted:#70879a;--v4cyan:#45c9ee}
.desktop-worklab{grid-template-columns:188px minmax(590px,45%) 1fr;background:radial-gradient(circle at 48% 26%,#0a1824 0,#050b12 34%,#020508 78%);color:var(--v4text)}
.dw-sidebar,.dw-center,.dw-live{background:transparent}
.dw-sidebar{padding:18px 12px;border-right:1px solid var(--v4line2);box-shadow:none}
.dw-brand{border-bottom:1px solid var(--v4line2);margin-bottom:18px}.dw-brand b{font-size:12px;letter-spacing:.16em}.dw-brand small{font-size:7px;color:#607789;letter-spacing:.22em}.dw-logo{color:#8feaff;filter:drop-shadow(0 0 7px #27a8d0)}
.dw-label{font-size:7px;color:#506879;letter-spacing:.22em;margin:18px 7px 7px}
.dw-model{border:1px solid transparent;background:transparent;border-radius:4px;min-height:34px;color:#8094a4;font-size:9px;padding:0 9px;box-shadow:none}.dw-model:hover{transform:none;background:rgba(65,190,230,.04);border-color:var(--v4line2)}.dw-model.active{background:linear-gradient(90deg,rgba(43,167,205,.10),transparent);border-color:rgba(70,194,230,.20);color:#d7f6ff;box-shadow:inset 2px 0 #49ccea}.dw-model i{width:4px;height:4px;box-shadow:0 0 7px #4fe3b2}
.dw-center{grid-template-rows:48px minmax(390px,59vh) 1fr 58px;border-right:1px solid var(--v4line2)}
.dw-nav{border-bottom:1px solid var(--v4line2);font-size:8px;letter-spacing:.06em;color:#657d8f}.dw-nav b{color:#cfeaf3;border-bottom:1px solid #4cc9e9;height:48px;display:flex;align-items:center}
.dw-avatar{margin:12px 14px 6px;border:1px solid rgba(77,166,197,.18);border-radius:2px;background:radial-gradient(ellipse at 50% 42%,rgba(28,80,102,.20),rgba(4,10,15,.92) 58%,#020508);box-shadow:inset 0 0 90px rgba(0,0,0,.65)}
.dw-gridglow{opacity:.35;background-size:34px 34px}
.dw-ring{border-width:1px;box-shadow:none;opacity:.42}.r1{width:410px;height:410px;border-color:rgba(62,190,225,.15)}.r2{width:330px;height:330px;border-color:rgba(62,190,225,.10)}.r3{width:250px;height:250px;border-color:rgba(62,190,225,.08)}
.dw-avatar3d{left:3%;right:3%;top:-4%;bottom:-2%}.dw-avatar3d canvas{filter:drop-shadow(0 10px 35px rgba(0,0,0,.8))}
.dw-avatar-state{top:18px;right:20px;gap:4px;text-align:right}.dw-avatar-state strong{font-size:11px;font-weight:500;letter-spacing:.08em}.dw-avatar-state em{font-size:7px;color:#5c7587}.dw-avatar-state .ready{font-size:7px;border-radius:2px;padding:3px 7px;background:rgba(22,100,76,.15);border-color:rgba(54,207,151,.25)}
.dw-thinking{right:18px;bottom:24px;display:flex;gap:5px}.dw-thinking span{font-size:7px;padding:5px 8px;border-radius:2px;background:rgba(5,14,20,.75);color:#668496;border:1px solid rgba(80,150,175,.16)}.dw-thinking span:first-child{color:#b9e7f3;border-color:rgba(75,199,232,.30)}
.dw-wave{display:none}
.dw-chat{padding:8px 14px;gap:5px}.dw-msg{font-size:9px;line-height:1.45;border:1px solid rgba(91,133,151,.12);background:rgba(6,14,20,.62);border-radius:3px;padding:8px 10px}.dw-msg.user{margin-left:17%;background:rgba(14,34,44,.52)}.dw-msg b{color:#6bc9e4;font-weight:500}
.dw-compose{margin:5px 14px 10px;border:1px solid rgba(79,154,180,.22);border-radius:3px;background:#050c12}.dw-compose input{font-size:9px;background:transparent}.dw-compose button{border-radius:2px;background:#163e4c;color:#8ce6ff}
.dw-live{padding:0 13px;grid-template-rows:48px 39px minmax(240px,1fr) 68px 88px 88px;border-left:0}.dw-live header{border-bottom:1px solid var(--v4line2);font-size:9px;letter-spacing:.08em}.dw-dot{width:5px;height:5px;box-shadow:0 0 8px #52e0aa}.dw-tabs{font-size:7px;color:#5e7789;border-bottom:1px solid var(--v4line2)}.dw-tabs b{color:#b7dce7;border-bottom:1px solid #42bddf}
.dw-console{border:0;border-bottom:1px solid var(--v4line2);border-radius:0;background:rgba(2,7,10,.42);box-shadow:none;font-family:'JetBrains Mono','DejaVu Sans Mono',monospace;font-size:9px;line-height:1.7;color:#7ad6bd;padding:13px}
.dw-progress label,.dw-resources b{font-size:7px;letter-spacing:.1em;color:#637d8f}.dw-progress>div{height:3px;background:#0c151b;border-radius:0}.dw-progress i{background:#49bfdc;box-shadow:0 0 7px rgba(73,191,220,.4)}
.dw-metrics{gap:7px}.dw-metrics article{border:1px solid var(--v4line2);border-radius:2px;background:rgba(6,14,20,.52);box-shadow:none;padding:10px}.dw-metrics small{font-size:6px;letter-spacing:.15em;color:#526b7d}.dw-metrics strong{font-size:10px;font-weight:400;color:#a9c5d3}
.dw-resources{border-top:1px solid var(--v4line2);padding-top:10px}.dw-resources>div{display:flex;gap:15px}.dw-resources span{height:auto;width:auto;border:0!important;border-radius:0;display:flex;gap:5px;color:#506b7e;font-size:7px}.dw-resources span strong{font-size:8px;color:#9bb5c5}
}

/* === AI WorkLab Mobile v2 === */
.mw-app{display:none}
@media(max-width:999px){
 body{margin:0;background:#050a10;color:#e8f4f8;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif;min-height:100vh}
 body>.shell{display:none!important}.desktop-worklab{display:none!important}
 .mw-app{display:block;min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 14px 0;background:radial-gradient(circle at 50% -10%,#10283a 0,#07131e 31%,#050a10 70%);box-sizing:border-box}
 .mw-top{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 14px;border-bottom:1px solid #183044}.mw-kicker{font-size:10px;letter-spacing:.22em;color:#72cfd0;font-weight:800}.mw-top h1{margin:2px 0 0;font-size:24px;letter-spacing:.04em}.mw-top h1 small{font-size:11px;color:#7896a7;font-weight:600}.mw-online{font-size:9px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border:1px solid #265065;border-radius:999px;color:#7d9cad}.mw-online.on{color:#82e0cf;border-color:#2b756c;background:#0b2b29}
 .mw-project,.mw-model-section,.mw-task,.mw-chat{margin-top:12px;border:1px solid #183447;background:linear-gradient(145deg,rgba(12,27,39,.92),rgba(5,13,21,.96));border-radius:16px;box-shadow:0 10px 30px #0005}
 .mw-project,.mw-model-section{padding:12px}.mw-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#7698a9;font-size:10px;letter-spacing:.14em;font-weight:800}.mw-section-title strong{color:#a8c4d0;letter-spacing:0;max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-icon{width:30px;height:30px;border:1px solid #285268;border-radius:9px;background:#0b1d29;color:#8de0dc;font-size:19px}
 .mw-project select{width:100%;height:42px;border:1px solid #285064;border-radius:11px;background:#081722;color:#eef9fb;padding:0 11px;font-size:15px;font-weight:700;outline:none}
 .mw-model-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}.mw-model-strip::-webkit-scrollbar{display:none}.mw-model{flex:0 0 auto;max-width:210px;padding:9px 12px;border:1px solid #214358;border-radius:11px;background:#081722;color:#8eabba;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mw-model.active{border-color:#50b9b6;background:#0b2d32;color:#c9fffa;box-shadow:0 0 0 1px #50b9b633 inset}.mw-loading{font-size:11px;color:#668697;padding:8px}
 .mw-controls{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:7px;margin-top:10px}.mw-pill{min-height:40px;border:1px solid #21465a;border-radius:11px;background:#081620;color:#7192a3;font-size:10px;font-weight:900;letter-spacing:.04em}.mw-pill.active{background:#10323a;color:#aaf1e8;border-color:#49aaa6}.mw-pill.danger.active{background:#351b22;color:#ffb7ba;border-color:#9d4e5c}.mw-lab-target{margin-top:8px}.mw-lab-target input{box-sizing:border-box;width:100%;height:40px;border:1px solid #683944;border-radius:10px;background:#170d12;color:#ffd8d9;padding:0 11px;outline:none}
 .mw-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.mw-switch{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:50px;padding:9px 10px;border:1px solid #203d4e;border-radius:11px;background:#08151e;color:#6d8997}.mw-switch span{font-size:8px;font-weight:900;letter-spacing:.08em}.mw-switch b{font-size:12px;color:#738e9b}.mw-switch.on{border-color:#347b72;background:#0b2928}.mw-switch.on b{color:#7ee0cf}
 .mw-task{padding:13px}.mw-task-head{display:flex;align-items:center;justify-content:space-between}.mw-task-head>div{display:flex;flex-direction:column;gap:3px}.mw-task-head span{font-size:9px;letter-spacing:.14em;color:#648596;font-weight:900}.mw-task-head strong{font-size:12px;color:#8ca9b7}.mw-task.running .mw-task-head strong{color:#7de0cf}.mw-stop{border:1px solid #7a3845;background:#30141b;color:#ff9da8;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:900}.mw-goal{margin:10px 0 8px;font-size:13px;line-height:1.4;color:#d8e8ed}.mw-activity{display:flex;flex-direction:column;gap:5px;max-height:128px;overflow:auto}.mw-activity div{padding:6px 8px;border-left:2px solid #2d6670;background:#08151d;border-radius:0 7px 7px 0;font-size:10px;color:#88a8b5}.mw-approval{margin-top:10px;padding:10px;border:1px solid #84513a;border-radius:11px;background:#26170e}.mw-approval p{margin:0 0 8px;font-size:11px;color:#ffd2a9}.mw-approval div{display:flex;gap:8px}.mw-approval button{flex:1;padding:9px;border-radius:8px;border:1px solid #6b4838;background:#160e0a;color:#e7b997;font-weight:800}.mw-approval button:last-child{border-color:#2e7b6c;background:#0b302a;color:#9ff0de}
 .mw-chat{padding:10px;min-height:110px;max-height:36vh;overflow:auto}.mw-msg{max-width:88%;margin:6px 0;padding:9px 11px;border-radius:12px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.mw-msg.user{margin-left:auto;background:#103440;border:1px solid #245a69;color:#e5fbff;border-bottom-right-radius:4px}.mw-msg.assistant{background:#0a1721;border:1px solid #1c3647;color:#c6d9e1;border-bottom-left-radius:4px}.mw-empty{padding:20px 10px;text-align:center;color:#587584;font-size:11px}
 .mw-compose{position:sticky;bottom:0;display:grid;grid-template-columns:44px 1fr 48px;gap:8px;margin-top:10px;padding:9px 0 calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#050a10 20%)}.mw-compose textarea{box-sizing:border-box;width:100%;min-height:48px;max-height:130px;resize:none;border:1px solid #285065;border-radius:14px;background:#091822;color:#eefbff;padding:13px;font:inherit;font-size:13px;outline:none}.mw-compose textarea:focus{border-color:#4ca8a7}.mw-compose button{border:1px solid #3b8e89;border-radius:14px;background:#103a3b;color:#a9fff4;font-size:20px;font-weight:900}.mw-compose button:disabled{opacity:.35}.mw-attach{font-size:18px!important}.mw-safe{height:2px}
 .mw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mw-chip{display:inline-flex;align-items:center;gap:6px;background:#103440;border:1px solid #2f5763;border-radius:13px;padding:5px 6px 5px 10px;font-size:11px;color:#bcf7ef}.mw-chip-x{border:none;background:transparent;color:#8fb6bf;font-size:12px;font-weight:700;padding:0 2px;cursor:pointer}.mw-chip-x:hover{color:#ff9a9a}.mw-msg-att{font-size:10px;color:#7fd6ea;margin-bottom:4px;opacity:.9}
}

/* Mobile PWA safety: iPhone standalone can report a desktop-like CSS viewport.
   Coarse touch + portrait must still render the mobile WorkLab shell. */
@media (hover:none) and (pointer:coarse){
  body>.shell{display:none!important}
  .desktop-worklab{display:none!important}
  .mw-app{display:block!important;min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 14px 0;background:radial-gradient(circle at 50% -10%,#10283a 0,#07131e 31%,#050a10 70%);box-sizing:border-box}
}

/* iOS PWA hard fallback: do not depend on viewport/media-query reporting. */
html.ios-mobile body>.shell,html.ios-mobile .desktop-worklab{display:none!important}
html.ios-mobile .mw-app{display:block!important;min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 14px 0;background:#050a10;box-sizing:border-box}

/* ===== Rediseño móvil ALMA 2026-10-27 — override no destructivo sobre #mobileWorklab (.mw-*) =====
   Look dev-tool premium: neutro casi negro, tarjetas planas hairline, acento teal→azul discreto.
   Solo presentación; no cambia IDs ni lógica de app.js. */
#mobileWorklab{
  --bg:#0b0c0e; --surface:#121317; --inset:#0e0f13;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.13);
  --fg:#e9ebee; --muted:#868c96;
  --acc:#45e3d0; --acc2:#5ab8ff; --accsoft:rgba(69,227,208,.10);
  --up:#46d58a; --upbg:rgba(70,213,138,.14); --dn:#ff7a88; --dnbg:rgba(255,122,136,.14); --warn:#e0b04a; --warnbg:rgba(224,176,74,.14);
  background:var(--bg); color:var(--fg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
}
body:has(#mobileWorklab){background:var(--bg,#0b0c0e)}

/* Cabecera */
#mobileWorklab .mw-top{align-items:flex-start;gap:12px;margin-bottom:6px}
#mobileWorklab .mw-kicker{color:var(--muted);letter-spacing:.22em;font-size:10px;font-weight:800}
#mobileWorklab .mw-top h1{font-size:24px;font-weight:800;margin:3px 0 0;letter-spacing:.2px}
#mobileWorklab .mw-top h1 small{color:var(--muted);font-weight:600;font-size:13px}
#mobileWorklab .mw-online{align-self:center;font-size:10px;font-weight:800;letter-spacing:.08em;padding:6px 11px;border-radius:999px;background:var(--inset);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;gap:7px}
#mobileWorklab .mw-online::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}
#mobileWorklab .mw-online.on,#mobileWorklab .mw-online.online{color:var(--up)}
#mobileWorklab .mw-online.on::before,#mobileWorklab .mw-online.online::before{background:var(--up);box-shadow:0 0 8px var(--up)}

/* Secciones como tarjetas planas */
#mobileWorklab .mw-project,
#mobileWorklab .mw-model-section,
#mobileWorklab .mw-switches,
#mobileWorklab .mw-task{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px;
}
#mobileWorklab .mw-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#mobileWorklab .mw-section-title span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}
#mobileWorklab .mw-section-title strong{font-size:11px;font-weight:700;color:var(--acc)}
#mobileWorklab .mw-icon{background:var(--inset);border:1px solid var(--line);color:var(--fg);border-radius:9px;padding:6px 10px;font-weight:700;font-size:13px}

/* Selects / inputs */
#mobileWorklab select,
#mobileWorklab .mw-lab-target input,
#mobileWorklab .mw-compose textarea{
  background:var(--inset);border:1px solid var(--line);border-radius:11px;color:var(--fg);
  font-size:14px;padding:12px;width:100%;font-family:inherit;
}
#mobileWorklab select:focus,
#mobileWorklab .mw-lab-target input:focus,
#mobileWorklab .mw-compose textarea:focus{outline:none;border-color:var(--acc)}

/* Pills (modos e interacción) */
#mobileWorklab .mw-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
#mobileWorklab .mw-pill{flex:1;min-width:92px;background:var(--inset);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px 12px;font-weight:700;font-size:12px;letter-spacing:.03em}
#mobileWorklab .mw-pill.active{background:var(--accsoft);border-color:var(--acc);color:var(--acc)}
#mobileWorklab .mw-pill.danger.active{background:var(--warnbg);border-color:var(--warn);color:var(--warn)}
#mobileWorklab .mw-goal{color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 0}

/* Tira de modelos */
#mobileWorklab .mw-model-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;margin-top:4px}
#mobileWorklab .mw-model-strip .mw-model,
#mobileWorklab .mw-model{background:var(--inset);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:9px 12px;font-size:12px;font-family:ui-monospace,Menlo,monospace;white-space:nowrap}
#mobileWorklab .mw-model.active{border-color:var(--acc);color:var(--acc);background:var(--accsoft)}
#mobileWorklab .mw-loading{color:var(--muted);font-size:12px;padding:8px}

/* Interruptores */
#mobileWorklab .mw-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#mobileWorklab .mw-switch{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--inset);border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--muted)}
#mobileWorklab .mw-switch span{font-size:9.5px;font-weight:800;letter-spacing:.08em}
#mobileWorklab .mw-switch b{font-size:14px;font-weight:800;color:var(--fg)}
#mobileWorklab .mw-switch.on{border-color:var(--acc)}
#mobileWorklab .mw-switch.on b{color:var(--acc)}
#mobileWorklab .mw-switch.danger.on{border-color:var(--warn)} #mobileWorklab .mw-switch.danger.on b{color:var(--warn)}

/* Tarea en curso */
#mobileWorklab .mw-task-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mobileWorklab .mw-task-head span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
#mobileWorklab .mw-task-head strong{display:block;font-size:14px;margin-top:3px}
#mobileWorklab .mw-stop{background:var(--dnbg);border:1px solid var(--dn);color:var(--dn);border-radius:9px;padding:8px 13px;font-weight:800;font-size:12px}
#mobileWorklab .mw-activity{margin-top:10px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}
#mobileWorklab .mw-approval{margin-top:12px;background:var(--warnbg);border:1px solid var(--warn);border-radius:11px;padding:12px}
#mobileWorklab .mw-approval p{color:var(--warn);font-size:12.5px;margin:0 0 10px}
#mobileWorklab .mw-approval div{display:flex;gap:8px}
#mobileWorklab #mwApprove{flex:1;background:var(--acc);color:#042;border-radius:9px;padding:11px;font-weight:800}
#mobileWorklab #mwReject{flex:1;background:var(--inset);border:1px solid var(--line);color:var(--fg);border-radius:9px;padding:11px;font-weight:700}

/* Chat */
#mobileWorklab .mw-chat-head{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 8px}
#mobileWorklab .mw-chat-head span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
#mobileWorklab .mw-chat{display:flex;flex-direction:column;gap:10px;padding:2px;max-height:52vh;overflow-y:auto}
#mobileWorklab .mw-msg{max-width:88%;padding:11px 13px;border-radius:13px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
#mobileWorklab .mw-msg.user{align-self:flex-end;background:var(--accsoft);border:1px solid var(--line2);border-bottom-right-radius:4px}
#mobileWorklab .mw-msg.assistant,#mobileWorklab .mw-msg.bot,#mobileWorklab .mw-msg.system{align-self:flex-start;background:var(--inset);border:1px solid var(--line);border-bottom-left-radius:4px}
#mobileWorklab .mw-msg-att{font-size:11px;color:var(--muted);margin-bottom:5px}
#mobileWorklab .mw-empty{padding:14px;background:var(--inset);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}

/* Composer */
#mobileWorklab .mw-compose{display:flex;gap:8px;align-items:flex-end;margin-top:12px}
#mobileWorklab .mw-attach{width:46px;height:46px;flex:none;display:grid;place-items:center;background:var(--inset);border:1px solid var(--line);border-radius:11px;font-size:17px}
#mobileWorklab .mw-compose textarea{max-height:140px;resize:none}
#mobileWorklab #mwSend{width:52px;height:46px;flex:none;background:linear-gradient(120deg,var(--acc),var(--acc2));color:#042;border-radius:11px;font-size:18px;display:grid;place-items:center;font-weight:800}
#mobileWorklab .mw-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
#mobileWorklab .mw-chips>*{background:var(--inset);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px;color:var(--fg)}

/* Avatar 3D desactivado 2026-10-27 (modo ligero) — Escuela de Almas */
@media(min-width:1000px){
 #desktopWorklab #dwAvatar3D,#desktopWorklab .dw-head.css-fallback,#desktopWorklab .dw-neck.css-fallback,#desktopWorklab .dw-ring,#desktopWorklab .dw-gridglow,#desktopWorklab .dw-thinking,#desktopWorklab .dw-wave{display:none!important}
 #desktopWorklab .dw-avatar{place-items:center}
 #desktopWorklab .dw-avatar::after{content:"Modo ligero \00b7 sin avatar 3D";color:#64e895;font-size:13px;letter-spacing:.06em;border:1px solid #0a8754;background:#052015;padding:10px 16px;border-radius:12px}
}

/* ===== Coherencia visual 2026-10-27: tablero AUTO Control (.shell) + Escuela (.dw) al look neutro+teal ===== */
body{background:#0b0c0e}
.shell .card{background:#121317;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:none;backdrop-filter:none}
.shell .eyebrow,.shell .label{color:#868c96}
.shell h1,.shell h2,.shell strong{color:#e9ebee}
.shell p,.shell .mission-hint{color:#868c96}
.shell .badge{background:#0e0f13;color:#868c96;border:1px solid rgba(255,255,255,.07)}
.shell .badge.on{background:rgba(70,213,138,.14);color:#46d58a;border-color:transparent}
.shell .badge.off{background:rgba(255,122,136,.14);color:#ff7a88;border-color:transparent}
.shell .badge.neutral{background:#0e0f13;color:#868c96}
.shell button{background:linear-gradient(120deg,#45e3d0,#5ab8ff);color:#042}
.shell .secondary,.shell .chat-mode{background:#0e0f13;border:1px solid rgba(255,255,255,.07);color:#cdd6df}
.shell .danger-btn{background:rgba(255,122,136,.14);border:1px solid #ff7a88;color:#ff7a88}
.shell .control-tile{background:#0e0f13;border:1px solid rgba(255,255,255,.07);box-shadow:none}
.shell .control-tile.on{background:rgba(70,213,138,.12);border-color:#46d58a;box-shadow:none}
.shell .control-tile.off{background:rgba(255,122,136,.12);border-color:#ff7a88}
.shell .action-tile{background:#0e0f13}
.shell .stop-tile{background:rgba(255,122,136,.12);border-color:#ff7a88}
.shell .control-state{color:#868c96}
.shell .status-strip>div,.shell .output,.shell .job-meta span,.shell .chat-row,.shell .live-bubble,.shell .chat-empty,.shell .live-empty{background:#0e0f13;border:1px solid rgba(255,255,255,.07);color:#cdd6df}
.shell .owner-banner{background:#0e0f13;border:1px solid rgba(255,255,255,.07);color:#868c96}
.shell .owner-banner.busy{background:rgba(224,176,74,.14);border-color:#e0b04a;color:#e0b04a}
.shell .chat-mode.on{background:rgba(69,227,208,.12);border-color:#45e3d0;color:#45e3d0;box-shadow:none}
.shell .chat-model-row select,.shell .chat-input textarea{background:#0e0f13;border:1px solid rgba(255,255,255,.07);color:#e9ebee}
.shell .chat-msg.user{background:rgba(69,227,208,.12);border:1px solid rgba(255,255,255,.13);color:#e9ebee}
.shell .chat-msg.bot{background:#0e0f13;border:1px solid rgba(255,255,255,.07);color:#cdd6df}
.shell .chat-input button{background:linear-gradient(120deg,#45e3d0,#5ab8ff);color:#042}
.shell .live-kind{color:#45e3d0}.shell .live-source{color:#5ab8ff}.shell .live-time{color:#868c96}
.shell footer{color:#5c6672}
@media(min-width:1000px){
 .desktop-worklab{background:#0b0c0e!important;color:#e9ebee!important}
 .dw-sidebar,.dw-center,.dw-live{background:#121317!important;border-color:rgba(255,255,255,.07)!important}
 .dw-logo{color:#45e3d0!important;text-shadow:none!important}
 .dw-brand small{color:#868c96!important}
 .dw-label{color:#868c96!important}
 .dw-model{background:#0e0f13!important;border:1px solid rgba(255,255,255,.07)!important;color:#cdd6df!important;box-shadow:none!important}
 .dw-model.active{background:rgba(69,227,208,.12)!important;border-color:#45e3d0!important;color:#eafaf6!important;box-shadow:none!important}
 .dw-model i{background:#46d58a!important;box-shadow:none!important}
 .dw-nav{border-color:rgba(255,255,255,.07)!important;color:#868c96!important}
 .dw-nav b{color:#45e3d0!important;border-bottom-color:#45e3d0!important}
 .dw-avatar{border-color:rgba(255,255,255,.07)!important;background:#0e0f13!important;box-shadow:none!important}
 .dw-console{background:#0b0c0e!important;border-color:rgba(255,255,255,.07)!important;color:#46d58a!important}
 .dw-msg.bot{background:#0e0f13!important;border-color:rgba(255,255,255,.07)!important}
 .dw-msg.user{background:rgba(69,227,208,.12)!important;border-color:rgba(255,255,255,.13)!important}
 .dw-msg b{color:#45e3d0!important}
 .dw-compose{border-color:rgba(255,255,255,.07)!important}
 .dw-compose input{background:#0e0f13!important;border-color:rgba(255,255,255,.07)!important;color:#cdd6df!important}
 .dw-compose button{background:linear-gradient(120deg,#45e3d0,#5ab8ff)!important}
 .dw-dot{background:#46d58a!important;box-shadow:none!important}
 .dw-tabs{border-color:rgba(255,255,255,.07)!important;color:#868c96!important}.dw-tabs b{color:#45e3d0!important}
 .dw-metrics article,.dw-resources{background:#0e0f13!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
 .dw-progress i{background:linear-gradient(90deg,#45e3d0,#5ab8ff)!important}
 .dw-live header{border-color:rgba(255,255,255,.07)!important}
}