body { font-family: 'Segoe UI', Arial, sans-serif; cursor: default; }
.brand-login-logo{position:relative;width:min(340px,42vh);height:min(340px,42vh);margin-bottom:22px;overflow:hidden;border:1px solid #8a642b;border-radius:32px;background:#080808;box-shadow:0 24px 90px #000,0 0 65px #d7a13a2e}
.brand-login-logo:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffe8a333;content:'';pointer-events:none}
.brand-login-logo img{width:100%;height:100%;object-fit:cover}
.brand-sidebar{position:relative;display:flex;min-height:232px;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:16px 14px;background:linear-gradient(155deg,#151515,#080808);text-align:center}
.brand-sidebar img{width:158px;height:158px;border:1px solid #9b7130;border-radius:22px;object-fit:cover;box-shadow:0 16px 42px #000,0 0 30px #d7a13a2b}
.brand-sidebar span,.brand-sidebar small{display:block}.brand-sidebar span{color:#f4f4f5;font-size:10px;font-weight:900;letter-spacing:.085em;line-height:1.35}.brand-sidebar small{margin-top:4px;color:#d6a34f;font:7px 'Cascadia Code', Consolas, monospace;letter-spacing:.22em;line-height:1.4}
.brand-sidebar i{position:absolute;right:16px;top:16px;width:8px;height:8px;border-radius:99px;background:#22c55e;box-shadow:0 0 12px #22c55e}
.font-mono { font-family: 'Cascadia Code', Consolas, monospace; }
.agent-card:hover { transform: translateY(-2px); transition: all .2s; }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 10px; }
.history-item { border: 1px solid #27272a; border-radius: 12px; padding: 10px; background: rgba(9,9,11,.55); }
.history-item:hover { border-color: #3f3f46; background: rgba(39,39,42,.55); }
.mission-action { border-radius: 12px; padding: 10px 12px; color: white; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: all .2s; }
.mission-action:disabled { cursor: not-allowed; opacity: .3; }
.task-complete { color: #34d399; text-decoration: line-through; text-decoration-color: #065f46; }
.task-active { color: #60a5fa; }
.app-topbar{display:grid;min-height:62px;height:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 16px;background:linear-gradient(180deg,#111214cc,#050506e8);box-shadow:inset 0 -1px 0 #d7a13a24,0 8px 24px #0008}
.app-topbar-main{display:grid;min-width:0;grid-template-columns:122px minmax(520px,1fr);align-items:stretch;gap:9px}
.active-agent-badge{display:grid;min-height:38px;place-content:center;border:1px solid #76551f;border-top-color:#b88937;border-bottom-color:#241704;border-radius:10px;padding:5px 9px;color:#b2a17f;background:linear-gradient(160deg,#39301f 0%,#17130c 44%,#070706 100%);box-shadow:inset 0 1px 0 #ffe8a342,inset 0 -3px 0 #030201,0 5px 10px #000c,0 0 18px #d7a13a12;font:700 9px/1.15 'Cascadia Code', Consolas, monospace;letter-spacing:.095em;text-align:center;text-transform:uppercase;white-space:nowrap}
.active-agent-badge span{display:block;margin-top:3px;color:#fff3cf;font-size:11px;font-weight:900;letter-spacing:.04em;text-shadow:0 2px 2px #000,0 0 11px #d7a13a80}
.workspace-nav{display:grid;min-width:0;grid-template-columns:repeat(7,minmax(76px,1fr));gap:4px;border:1px solid #38342d;border-radius:13px;padding:4px;background:linear-gradient(180deg,#202124 0%,#09090a 78%);box-shadow:inset 0 1px 0 #ffffff17,inset 0 -3px 0 #020202,0 7px 15px #000b,0 0 0 1px #000}
.workspace-tab{position:relative;isolation:isolate;display:grid;min-width:0;min-height:38px;place-items:center;overflow:hidden;border:1px solid #4b4d52;border-top-color:#777b83;border-bottom-color:#0a0a0b;border-radius:9px;padding:5px 6px;color:#e0e2e6;background:linear-gradient(165deg,#484b51 0%,#2a2c31 31%,#17181b 64%,#0b0c0e 100%);box-shadow:inset 0 1px 0 #ffffff2c,inset 0 -3px 0 #050506,inset 1px 0 0 #ffffff0d,0 5px 8px #000d;font-size:9px;font-weight:900;letter-spacing:.025em;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 2px 2px #000;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.workspace-tab:before{position:absolute;z-index:-1;top:1px;left:7%;width:86%;height:42%;border-radius:7px 7px 50% 50%;background:linear-gradient(180deg,#ffffff24,#ffffff03);content:'';pointer-events:none}
.workspace-tab:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff17 42%,transparent 62%);content:'';opacity:0;transform:translateX(-70%);transition:.25s;pointer-events:none}
.workspace-tab:hover{color:#fff;border-color:#c7953d;filter:brightness(1.14);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -3px 0 #090603,0 7px 13px #000e,0 0 12px #d7a13a25}
.workspace-tab:hover:after{opacity:1;transform:translateX(65%)}
.workspace-tab:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #000d,inset 0 1px 0 #ffffff10,0 1px 2px #000}
.workspace-tab.active{color:#fff9e8;border-color:#d6a54e;border-top-color:#ffe19a;border-bottom-color:#412603;background:linear-gradient(160deg,#e8bd63 0%,#ae741c 37%,#70430a 67%,#2a1702 100%);box-shadow:inset 0 1px 0 #fff3c5c9,inset 0 -3px 0 #241300,0 0 0 1px #d69b3238,0 7px 15px #000e,0 0 19px #d7a13a4d;text-shadow:0 2px 2px #321b00}
.system-controls{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));align-items:stretch;gap:6px}
.system-chip{display:grid;min-width:76px;min-height:38px;place-items:center;border:1px solid #47494f;border-top-color:#74777e;border-bottom-color:#09090a;border-radius:9px;padding:5px 8px;color:#e0e2e6;background:linear-gradient(165deg,#41444a 0%,#23252a 38%,#111215 74%,#080809 100%);box-shadow:inset 0 1px 0 #ffffff28,inset 0 -3px 0 #030304,0 5px 9px #000c;font:700 10px/1.15 'Cascadia Code', Consolas, monospace;letter-spacing:.02em;text-align:center;text-shadow:0 2px 2px #000;white-space:normal}
.engine-chip{color:#8ff0c3;border-color:#27664e;text-shadow:0 1px 1px #000,0 0 9px #34d39978}
.system-action{cursor:pointer;color:#f1f5f9;font-weight:900}
.system-action:hover{border-color:#ef4444;color:#fff;background:linear-gradient(180deg,#7f1d1d,#4c1111 58%,#250707);transform:translateY(-1px)}
.system-action:active{transform:translateY(2px);box-shadow:inset 0 3px 6px #000c}
@media(max-width:1400px){.app-topbar{grid-template-columns:1fr;gap:6px}.app-topbar-main{width:100%;grid-template-columns:112px minmax(480px,1fr)}.system-controls{width:min(100%,330px);justify-self:end}.system-chip{min-height:30px}}
@media(max-width:900px){.app-topbar-main{grid-template-columns:1fr;gap:6px}.active-agent-badge{min-height:30px}.workspace-nav{grid-template-columns:repeat(7,minmax(82px,1fr));overflow-x:auto;overflow-y:hidden}.system-controls{width:100%}.system-chip{min-width:0}.workspace-tab{min-height:32px;font-size:8px}}
.core-center{display:grid;gap:18px;padding:26px 30px 38px}.core-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.core-hero span,.core-panel-heading span{color:#d6a34f;font:8px 'Cascadia Code', Consolas, monospace;letter-spacing:.18em}.core-hero h2{margin-top:6px;color:#fff;font-size:25px;font-weight:900}.core-hero p{max-width:760px;margin-top:6px;color:#71717a;font-size:10px;line-height:1.55}.core-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.core-metric-grid article{border:1px solid #3b362d;border-radius:14px;padding:14px;background:linear-gradient(150deg,#24221e,#0d0d0e 72%);box-shadow:inset 0 1px 0 #ffe8a31c,0 9px 22px #0009}.core-metric-grid span,.core-metric-grid small{display:block;color:#71717a;font-size:7px;text-transform:uppercase}.core-metric-grid strong{display:block;margin:7px 0 4px;color:#f6d78f;font:900 19px 'Cascadia Code', Consolas, monospace}.core-metric-grid small{color:#46464d;text-transform:none}.core-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.core-panel{min-width:0;border:1px solid #34312b;border-radius:16px;padding:17px;background:linear-gradient(145deg,#181818,#0a0a0b);box-shadow:inset 0 1px 0 #ffffff0e,0 15px 32px #0008}.core-policy-panel{grid-column:1/-1}.core-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.core-panel-heading h3{margin-top:4px;color:#e4e4e7;font-size:13px}.core-panel-heading b{border:1px solid #4d412c;border-radius:99px;padding:5px 9px;color:#d6a34f;background:#241a0c;font:7px 'Cascadia Code', Consolas, monospace}.core-module-list,.core-provider-list{display:grid;gap:7px;margin-top:15px}.core-module-item,.core-provider-item{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr auto;align-items:center;gap:10px;border:1px solid #27272a;border-radius:10px;padding:10px;background:#0c0c0e}.core-module-item strong,.core-provider-item strong{color:#d4d4d8;font-size:9px}.core-module-item span,.core-provider-item span{overflow:hidden;color:#52525b;font:7px 'Cascadia Code', Consolas, monospace;text-overflow:ellipsis;white-space:nowrap}.core-module-item b,.core-provider-item b{color:#34d399;font:7px 'Cascadia Code', Consolas, monospace}.core-provider-item.off b{color:#71717a}.core-policy-panel>p{max-width:970px;margin-top:15px;color:#a1a1aa;font-size:10px;line-height:1.6}.core-policy-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:15px}.core-policy-flow span,.core-policy-flow strong{border:1px solid #315b49;border-radius:9px;padding:9px;color:#9fe6c5;background:#0d2119;font:7px 'Cascadia Code', Consolas, monospace;text-align:center}.core-policy-flow strong{border-color:#745623;color:#f6d78f;background:#271a08}.core-center-message{border:1px solid #27272a;border-radius:10px;padding:10px;color:#71717a;background:#0b0b0d;font:8px 'Cascadia Code', Consolas, monospace}.core-center-message.error{border-color:#7f1d1d;color:#fca5a5}@media(max-width:1350px){.core-metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.core-center{padding:18px}.core-hero{align-items:flex-start;flex-direction:column}.core-metric-grid{grid-template-columns:repeat(2,1fr)}.core-center-grid{grid-template-columns:1fr}.core-policy-panel{grid-column:auto}.core-policy-flow{grid-template-columns:repeat(2,1fr)}}
.studio-input { border: 1px solid #27272a; border-radius: 10px; padding: 9px 12px; color: #d4d4d8; background: #09090b; font: 10px 'Cascadia Code', Consolas, monospace; outline: none; }
.studio-input:focus { border-color: #3b82f6; }
.core-worker-panel{grid-column:1/-1}.core-worker-panel>p{margin-top:12px;color:#71717a;font-size:9px;line-height:1.55}.core-worker-controls{display:flex;gap:9px;margin-top:14px}.core-worker-controls select{min-width:180px}.core-worker-result{margin-top:12px;border:1px solid #27272a;border-radius:10px;padding:11px;color:#71717a;background:#09090b;font:8px 'Cascadia Code', Consolas, monospace;line-height:1.55}.core-worker-result.success{border-color:#14532d;color:#86efac}.core-worker-result.warning{border-color:#713f12;color:#fcd34d}.core-worker-result.error{border-color:#7f1d1d;color:#fca5a5}@media(max-width:900px){.core-worker-controls{align-items:stretch;flex-direction:column}.core-worker-controls select{min-width:0}}
.studio-primary, .studio-secondary { border-radius: 10px; padding: 10px 14px; color: white; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.studio-primary { background: #2563eb; }
.studio-primary:hover { background: #3b82f6; }
.studio-secondary { border: 1px solid #3f3f46; background: #18181b; }
.layer-card { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 9px; border: 1px solid #27272a; border-radius: 10px; padding: 9px 11px; background: rgba(24,24,27,.72); }
.layer-card > span { grid-row: span 2; color: #52525b; font: 600 10px 'Cascadia Code', Consolas, monospace; }
.layer-card strong { color: #a1a1aa; font-size: 10px; text-transform: uppercase; }
.layer-card small { color: #52525b; font-size: 9px; }
.layer-card.complete { border-color: #064e3b; background: rgba(6,78,59,.12); }
.layer-card.complete > span, .layer-card.complete strong { color: #34d399; }
.layer-card.active { border-color: #1d4ed8; box-shadow: inset 0 0 0 1px rgba(37,99,235,.18); }
.layer-card.active > span, .layer-card.active strong { color: #60a5fa; }
.studio-grid { display: grid; grid-template-columns: 210px minmax(360px, 1fr) minmax(340px, .9fr); }
.studio-label { color: #71717a; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.studio-file { display: flex; width: 100%; align-items: center; gap: 9px; border-radius: 9px; padding: 9px 10px; color: #71717a; font: 11px 'Cascadia Code', Consolas, monospace; text-align: left; }
.studio-file:hover { color: #d4d4d8; background: #27272a; }
.studio-file.active { color: white; background: #27272a; }
.file-dot { width: 7px; height: 7px; border-radius: 2px; background: #71717a; }
.file-html { background: #f97316; } .file-css { background: #3b82f6; } .file-js { background: #eab308; } .file-py { background: #22c55e; } .file-java { background: #ef4444; } .file-sql { background: #a855f7; }
.editor-shell { display: grid; grid-template-columns: 52px 1fr; overflow: hidden; }
.line-numbers { overflow: hidden; padding: 18px 12px 40px; color: #3f3f46; background: #09090b; font: 12px/1.7 'Cascadia Code', Consolas, monospace; text-align: right; white-space: pre; user-select: none; }
.code-editor { width: 100%; height: 100%; resize: none; border: 0; padding: 18px 20px 40px; color: #d4d4d8; background: #0b0b0d; font: 12px/1.7 'Cascadia Code', Consolas, monospace; outline: none; tab-size: 2; white-space: pre; overflow: auto; }
.output-tab { border-radius: 7px; padding: 6px 9px; color: #52525b; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.output-tab.active { color: white; background: #27272a; }
.output-tab span { margin-left: 4px; border-radius: 999px; padding: 1px 5px; color: #fca5a5; background: #450a0a; }
.diagnostic { margin-bottom: 10px; border: 1px solid #27272a; border-left-width: 3px; border-radius: 10px; padding: 12px; background: #111113; }
.diagnostic strong { color: #d4d4d8; font: 10px 'Cascadia Code', Consolas, monospace; }
.diagnostic span { color: #71717a; font-size: 8px; text-transform: uppercase; }
.diagnostic p { margin-top: 8px; color: #a1a1aa; font-size: 11px; }
.diagnostic small { display: block; margin-top: 5px; color: #52525b; font-size: 9px; line-height: 1.5; }
.diagnostic-error { border-left-color: #ef4444; } .diagnostic-warning { border-left-color: #f59e0b; } .diagnostic-info { border-left-color: #3b82f6; }
.suggestion-card { display: grid; grid-template-columns: 30px 1fr; gap: 8px; margin-bottom: 10px; border: 1px solid #27272a; border-radius: 10px; padding: 12px; background: #111113; }
.suggestion-card span { color: #3b82f6; font: 10px 'Cascadia Code', Consolas, monospace; }
.suggestion-card p { color: #a1a1aa; font-size: 11px; line-height: 1.5; }
.empty-state { display: grid; min-height: 180px; place-content: center; padding: 30px; text-align: center; }
.empty-state strong { color: #34d399; font-size: 12px; }.empty-state p { margin-top: 8px; color: #52525b; font-size: 10px; line-height: 1.5; }
@media (max-width: 1180px) { .studio-grid { grid-template-columns: 170px minmax(320px, 1fr) minmax(280px, .75fr); } }
.repair-metrics { display: grid; grid-template-columns: repeat(5, minmax(80px, 110px)) minmax(220px, 1fr); gap: 8px; }
.repair-metrics > div { border: 1px solid #27272a; border-radius: 9px; padding: 8px 10px; background: rgba(9,9,11,.7); }
.repair-metrics span { display: block; color: #52525b; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.repair-metrics strong { display: block; margin-top: 3px; color: white; font: 700 17px 'Cascadia Code', Consolas, monospace; }
.repair-progress-wrap > div { height: 4px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: #27272a; }
.repair-progress-wrap i { display: block; width: 0; height: 100%; border-radius: inherit; background: #2563eb; transition: width .25s ease; }
.repair-grid { display: grid; grid-template-columns: 230px minmax(430px, 1fr) minmax(360px, .82fr); }
.repair-agent { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; border: 1px solid #27272a; border-radius: 10px; padding: 9px; background: rgba(9,9,11,.45); }
.repair-agent strong, .repair-agent small, .repair-agent em { display: block; }
.repair-agent strong { color: #d4d4d8; font-size: 10px; }
.repair-agent small { margin-top: 2px; color: #52525b; font-size: 8px; }
.repair-agent b { color: #71717a; font: 700 11px 'Cascadia Code', Consolas, monospace; }
.repair-agent em { color: #52525b; font: normal 7px 'Cascadia Code', Consolas, monospace; }
.repair-agent.status-analizando { border-color: #1d4ed8; background: rgba(29,78,216,.1); }
.repair-agent.status-analizando em { color: #60a5fa; }
.repair-agent.status-listo { border-color: #064e3b; }.repair-agent.status-listo em { color: #34d399; }
.repair-filter { border-radius: 7px; padding: 5px 8px; color: #52525b; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.repair-filter.active { color: white; background: #27272a; }
.repair-finding { display: block; width: 100%; margin-bottom: 10px; border: 1px solid #27272a; border-radius: 12px; padding: 13px; background: #111113; text-align: left; transition: .2s; }
.repair-finding:hover, .repair-finding.active { border-color: #3b82f6; transform: translateY(-1px); }
.repair-finding strong { display: block; margin-top: 9px; color: #e4e4e7; font-size: 12px; }
.repair-finding small { display: block; margin-top: 4px; color: #52525b; font: 9px 'Cascadia Code', Consolas, monospace; }
.repair-finding div:last-child span { color: #71717a; font-size: 8px; }.repair-finding div:last-child b { color: #60a5fa; font-size: 8px; }
.severity { display: inline-flex; border-radius: 999px; padding: 3px 7px; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.severity-error { color: #fecaca; background: #450a0a; }.severity-warning { color: #fde68a; background: #451a03; }.severity-info { color: #bfdbfe; background: #172554; }
.repair-detail-card { border: 1px solid #27272a; border-radius: 13px; padding: 15px; background: #111113; }
.repair-detail-card h3 { margin-top: 12px; color: white; font-size: 16px; line-height: 1.25; }
.repair-detail-card code { display: block; margin-top: 7px; color: #60a5fa; font-size: 9px; }
.repair-detail-card p { margin: 14px 0; color: #a1a1aa; font-size: 11px; line-height: 1.6; }
.manual-review { border-radius: 9px; padding: 10px; color: #fbbf24; background: rgba(120,53,15,.18); font-size: 9px; line-height: 1.5; }
.repair-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.repair-diff > div { min-width: 0; overflow: hidden; border: 1px solid #27272a; border-radius: 9px; background: #09090b; }
.repair-diff span { display: block; padding: 7px 9px; color: #71717a; background: #18181b; font-size: 7px; font-weight: 800; }
.repair-diff pre { max-height: 220px; overflow: auto; padding: 9px; color: #71717a; font: 8px/1.5 'Cascadia Code', Consolas, monospace; white-space: pre-wrap; word-break: break-word; }
.repair-diff > div:first-child pre { background: rgba(69,10,10,.12); }.repair-diff > div:last-child pre { background: rgba(6,78,59,.1); }
button:focus-visible, textarea:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
@media (max-width: 1300px) { .repair-grid { grid-template-columns: 190px minmax(370px, 1fr) minmax(310px, .72fr); }.repair-metrics { grid-template-columns: repeat(5, 86px) minmax(180px, 1fr); } }
.design-grid { display:grid; grid-template-columns:210px minmax(480px,1fr) minmax(390px,.82fr); }
.design-control { display:flex; align-items:center; gap:7px; color:#71717a; font-size:9px; font-weight:800; text-transform:uppercase; }
.design-control input[type="color"] { width:30px; height:28px; border:1px solid #3f3f46; border-radius:7px; padding:2px; background:#18181b; }
.design-control input[type="range"] { width:80px; accent-color:#8b5cf6; }
.design-category { display:flex; width:100%; align-items:center; justify-content:space-between; border-radius:9px; padding:9px 10px; color:#71717a; font-size:10px; text-align:left; }
.design-category:hover,.design-category.active { color:white; background:#27272a; }.design-category b{color:#52525b;font:9px 'Cascadia Code', Consolas, monospace}
#design-presets button { border:1px solid #27272a; border-radius:8px; padding:8px; color:#71717a; background:#111113; font-size:8px; text-transform:uppercase; }
#design-presets button:hover { border-color:#8b5cf6; color:white; }
.design-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.design-card { min-width:0; border:1px solid #27272a; border-radius:13px; padding:10px; background:#111113; text-align:left; transition:.2s; }
.design-card:hover,.design-card.active { border-color:#8b5cf6; transform:translateY(-2px); }.design-card>span{display:block;margin-top:10px;color:white;font-size:11px;font-weight:800}.design-card>small{display:block;min-height:34px;margin-top:5px;color:#71717a;font-size:8px;line-height:1.45}.design-card>div:last-child{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.design-card>div:last-child b{border-radius:99px;padding:3px 6px;color:#71717a;background:#27272a;font-size:7px}
.design-thumb { position:relative; height:105px; overflow:hidden; border-radius:9px; padding:12px; background:linear-gradient(145deg,#101d42,#05070c); }.design-thumb strong{position:absolute;left:12px;bottom:10px;color:#fff;font-size:8px;letter-spacing:.1em}.design-thumb i{display:block;height:8px;margin-bottom:7px;border-radius:3px;background:#ffffff1b}.design-thumb i:nth-child(1){width:32%;background:#3b82f6}.design-thumb i:nth-child(2){width:78%;height:22px}.design-thumb i:nth-child(3){width:54%}.design-thumb.variant-1{background:linear-gradient(145deg,#2b153f,#09050c)}.design-thumb.variant-1 i:first-child{background:#a855f7}.design-thumb.variant-2{background:linear-gradient(145deg,#272018,#0d0a07)}.design-thumb.variant-2 i:first-child{background:#b38a5d}.design-thumb.variant-3{background:linear-gradient(145deg,#0d3029,#050b09)}.design-thumb.variant-3 i:first-child{background:#10b981}
.design-idea { display:grid;grid-template-columns:25px 1fr;gap:7px;border:1px solid #27272a;border-radius:9px;padding:9px;background:#111113}.design-idea span{color:#a78bfa;font:8px 'Cascadia Code', Consolas, monospace}.design-idea p{color:#71717a;font-size:8px;line-height:1.45}
@media (max-width:1350px){.design-grid{grid-template-columns:180px minmax(420px,1fr) minmax(330px,.75fr)}.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.media-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.media-status span,.media-status b{color:#71717a;font:8px 'Cascadia Code', Consolas, monospace}.media-status>div{height:4px;overflow:hidden;border-radius:99px;background:#27272a}.media-status i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2563eb,#22d3ee);transition:width .15s}
.media-grid{display:grid;grid-template-columns:220px minmax(520px,1fr) 300px}.media-field{display:grid;gap:5px;margin-top:12px;color:#71717a;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.media-field input,.media-field textarea,.media-field select{width:100%;border:1px solid #27272a;border-radius:9px;padding:9px;color:#d4d4d8;background:#09090b;font:10px 'Cascadia Code', Consolas, monospace;outline:none;resize:vertical}.media-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#172554 0,#09090b 55%)}.media-stage video{width:100%;height:100%;object-fit:contain}.media-stage audio{width:80%}.media-empty{text-align:center}.media-empty strong{color:white;font-size:14px}.media-empty p{max-width:430px;margin-top:8px;color:#52525b;font-size:10px;line-height:1.6}.media-title-overlay{position:absolute;left:6%;right:6%;bottom:7%;max-width:720px;border-left:4px solid #22d3ee;padding:14px 18px;background:#000b;backdrop-filter:blur(10px)}.media-title-overlay[data-position="top"]{top:7%;bottom:auto}.media-title-overlay[data-position="center"]{top:50%;bottom:auto;transform:translateY(-50%)}.media-title-overlay strong,.media-title-overlay span{display:block}.media-title-overlay strong{color:white;font-size:clamp(18px,3vw,36px)}.media-title-overlay span{margin-top:5px;color:#cbd5e1;font-size:11px}.media-transport{display:flex;align-items:center;gap:8px;border-top:1px solid #27272a;padding:9px 14px;background:#111113}.media-transport button,.media-transport select{border:1px solid #27272a;border-radius:7px;padding:6px 9px;color:#a1a1aa;background:#18181b;font-size:9px}.media-transport input{margin-left:auto;width:90px;accent-color:#22d3ee}.media-transport button:disabled{opacity:.3}.media-timeline{position:relative;border-top:1px solid #27272a;padding:10px 14px 12px;background:#09090b}.media-timeline canvas{width:100%;height:82px;border-radius:9px}.trim-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.trim-controls label{display:grid;grid-template-columns:26px 1fr;align-items:center;color:#52525b;font:8px 'Cascadia Code', Consolas, monospace}.trim-controls input{width:100%;accent-color:#22d3ee}.course-lesson{display:grid;width:100%;grid-template-columns:25px 1fr;gap:7px;border:1px solid #27272a;border-radius:9px;padding:9px;background:#111113;text-align:left}.course-lesson>span{color:#22d3ee;font:9px 'Cascadia Code', Consolas, monospace}.course-lesson strong,.course-lesson small{display:block}.course-lesson strong{color:#d4d4d8;font-size:9px}.course-lesson small{margin-top:3px;color:#52525b;font-size:8px}.media-check{display:flex;align-items:center;gap:8px;border:1px solid #27272a;border-radius:8px;padding:8px;color:#71717a;background:#111113;font-size:8px}.media-check span{color:#52525b;font:10px 'Cascadia Code', Consolas, monospace}.media-check.pass{border-color:#064e3b;color:#a7f3d0}.media-check.pass span{color:#34d399}@media(max-width:1350px){.media-grid{grid-template-columns:190px minmax(460px,1fr) 270px}}
.project-shell{display:grid;gap:18px;padding:26px 30px 34px}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.project-heading h2{margin-top:4px;color:#fff;font-size:24px;font-weight:900}.project-heading p{margin-top:5px;color:#71717a;font-size:10px}.project-eyebrow{color:#34d399;font:9px 'Cascadia Code', Consolas, monospace;letter-spacing:.2em;text-transform:uppercase}.project-metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.project-metrics article{border:1px solid #27272a;border-radius:14px;padding:15px;background:linear-gradient(145deg,rgba(24,24,27,.9),rgba(9,9,11,.85))}.project-metrics span,.project-metrics small{display:block;color:#71717a;font-size:8px;text-transform:uppercase}.project-metrics strong{display:block;margin:7px 0 5px;color:#fff;font:800 23px 'Cascadia Code', Consolas, monospace}.project-metrics small{color:#3f3f46;text-transform:none}.project-grid{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:530px;border:1px solid #27272a;border-radius:18px;overflow:hidden;background:#0b0b0d}.project-list-panel{border-right:1px solid #27272a;padding:16px;background:#111113}.project-panel-title{display:flex;align-items:center;justify-content:space-between}.project-panel-title h3{color:#e4e4e7;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-panel-title span{color:#52525b;font:8px 'Cascadia Code', Consolas, monospace}.project-search{display:grid;gap:6px;margin-top:15px;color:#52525b;font-size:7px;font-weight:800;text-transform:uppercase}.project-search input{border:1px solid #27272a;border-radius:9px;padding:9px 10px;color:#d4d4d8;background:#09090b;font:9px 'Cascadia Code', Consolas, monospace;outline:none}.project-list{display:grid;gap:8px;margin-top:12px;max-height:510px;overflow-y:auto}.enterprise-project-card{display:grid;gap:7px;width:100%;border:1px solid #27272a;border-radius:12px;padding:12px;background:#0b0b0d;text-align:left;transition:.18s}.enterprise-project-card:hover,.enterprise-project-card.active{border-color:#2563eb;transform:translateY(-1px)}.enterprise-project-card>div:first-child{display:flex;justify-content:space-between;color:#52525b;font:7px 'Cascadia Code', Consolas, monospace;text-transform:uppercase}.enterprise-project-card>strong{color:#e4e4e7;font-size:12px}.enterprise-project-card>small{color:#52525b;font-size:8px}.project-status{border-radius:99px;padding:2px 6px;color:#a1a1aa;background:#27272a;font-size:6px}.status-running,.status-verifying{color:#93c5fd;background:#172554}.status-completed{color:#a7f3d0;background:#064e3b}.status-blocked{color:#fecaca;background:#450a0a}.project-card-score{height:3px;overflow:hidden;border-radius:99px;background:#27272a}.project-card-score i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#34d399)}.project-detail-panel{min-width:0;padding:20px;overflow-y:auto}.project-empty{display:grid;min-height:340px;place-content:center;text-align:center}.project-empty.compact{min-height:130px}.project-empty strong{color:#d4d4d8;font-size:12px}.project-empty p{max-width:390px;margin-top:7px;color:#52525b;font-size:9px;line-height:1.5}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.project-detail-header span{color:#3b82f6;font:8px 'Cascadia Code', Consolas, monospace}.project-detail-header h3{margin-top:5px;color:#fff;font-size:20px}.project-detail-header p{margin-top:3px;color:#71717a;font-size:9px}.project-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.project-score-grid article{border:1px solid #27272a;border-radius:11px;padding:12px;background:#111113}.project-score-grid span,.project-facts span,.project-operational-row span{display:block;color:#52525b;font-size:7px;font-weight:800;text-transform:uppercase}.project-score-grid strong{display:block;margin-top:5px;color:#34d399;font:700 17px 'Cascadia Code', Consolas, monospace}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;overflow:hidden;border:1px solid #27272a;border-radius:12px;background:#27272a}.project-facts>div{min-width:0;padding:12px;background:#0b0b0d}.project-facts strong{display:block;margin-top:5px;overflow:hidden;color:#a1a1aa;font:9px 'Cascadia Code', Consolas, monospace;text-overflow:ellipsis;white-space:nowrap}.project-operational-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.project-operational-row>div{border:1px solid #27272a;border-radius:10px;padding:10px;background:#111113}.project-operational-row strong{display:block;margin-top:4px;color:#e4e4e7;font:11px 'Cascadia Code', Consolas, monospace}.project-timeline-section{margin-top:20px}.project-timeline{display:grid;gap:0;margin-top:12px}.project-timeline article{position:relative;display:grid;grid-template-columns:18px 1fr;gap:7px;min-height:50px}.project-timeline article:before{position:absolute;top:11px;bottom:-10px;left:3px;width:1px;background:#27272a;content:''}.project-timeline article:last-child:before{display:none}.project-timeline i{z-index:1;width:7px;height:7px;margin-top:4px;border:2px solid #2563eb;border-radius:99px;background:#09090b}.project-timeline article div{display:grid;grid-template-columns:1fr auto;align-content:start}.project-timeline span{color:#a1a1aa;font:8px 'Cascadia Code', Consolas, monospace}.project-timeline time{color:#3f3f46;font:7px 'Cascadia Code', Consolas, monospace}.project-timeline p{grid-column:1/-1;margin-top:4px;color:#52525b;font-size:8px}.project-modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:#000c;backdrop-filter:blur(8px)}.project-modal.hidden{display:none}.project-form{width:min(760px,95vw);max-height:90vh;overflow-y:auto;border:1px solid #3f3f46;border-radius:18px;padding:22px;background:#111113;box-shadow:0 30px 90px #000}.project-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.project-form-grid label{display:grid;gap:5px;color:#71717a;font-size:8px;font-weight:800;text-transform:uppercase}.project-form-grid input,.project-form-grid select,.project-form-grid textarea{border:1px solid #27272a;border-radius:9px;padding:10px;color:#e4e4e7;background:#09090b;font:10px 'Cascadia Code', Consolas, monospace;outline:none}.project-form-grid textarea{min-height:80px;resize:vertical}.project-form-wide{grid-column:1/-1}.project-form-message{min-height:25px;color:#f59e0b;font:8px 'Cascadia Code', Consolas, monospace}.studio-primary:disabled{cursor:not-allowed;opacity:.4}@media(max-width:1350px){.project-metrics{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:900px){body{overflow:auto}.project-shell{padding:18px}.project-heading{align-items:flex-start;flex-direction:column}.project-metrics{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project-list-panel{border-right:0;border-bottom:1px solid #27272a}.project-score-grid,.project-operational-row{grid-template-columns:repeat(2,1fr)}.project-facts{grid-template-columns:1fr}.project-form-grid{grid-template-columns:1fr}.project-form-wide{grid-column:auto}}




/* ==========================================================
   XENTRA_PRODUCTION_3D_FILE_CONTROLS
   ========================================================== */

#studio-new-file-button,
#studio-rename-file-button,
#studio-delete-file-button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:108px !important;
  min-height:46px !important;

  padding:0 12px !important;

  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;

  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.22) !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;

  cursor:pointer !important;

  transition:
    transform .14s ease,
    filter .14s ease,
    box-shadow .14s ease;
}

#studio-new-file-button {
  color:#e6fff6 !important;
  background:linear-gradient(
    180deg,
    #20d79c 0%,
    #0ca878 55%,
    #07694b 100%
  ) !important;

  box-shadow:
    0 6px 0 #044c37,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#studio-rename-file-button {
  color:#eef7ff !important;
  background:linear-gradient(
    180deg,
    #4da4ff 0%,
    #2873d4 55%,
    #194a91 100%
  ) !important;

  box-shadow:
    0 6px 0 #12376a,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#studio-delete-file-button {
  color:#fff3ff !important;
  background:linear-gradient(
    180deg,
    #b46cff 0%,
    #8146d6 55%,
    #562a94 100%
  ) !important;

  box-shadow:
    0 6px 0 #3b1d68,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

#studio-new-file-button:hover,
#studio-rename-file-button:hover,
#studio-delete-file-button:hover {
  transform:translateY(-2px) !important;
  filter:brightness(1.10);
}

#studio-new-file-button:active,
#studio-rename-file-button:active,
#studio-delete-file-button:active {
  transform:translateY(5px) !important;

  box-shadow:
    0 1px 0 rgba(0,0,0,.9),
    0 4px 7px rgba(0,0,0,.36),
    inset 0 3px 7px rgba(0,0,0,.30) !important;
}

#studio-new-file-button:focus-visible,
#studio-rename-file-button:focus-visible,
#studio-delete-file-button:focus-visible {
  outline:3px solid #93c5fd !important;
  outline-offset:3px !important;
}

/*
  Critical layout correction:
  never compress the action labels vertically.
*/
.studio-file-actions,
.studio-file-toolbar,
.file-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}

.studio-file-actions > button,
.studio-file-toolbar > button,
.file-actions > button {
  flex:0 0 auto !important;
  width:auto !important;
}

#studio-file-list {
  margin-top:14px !important;
}

/* END XENTRA_PRODUCTION_3D_FILE_CONTROLS */


/* ==========================================================
   XENTRA_PRODUCTION_3D_FILE_CONTROLS
   ========================================================== */

#studio-new-file-button,
#studio-rename-file-button,
#studio-delete-file-button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:108px !important;
  min-height:46px !important;

  padding:0 12px !important;

  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;

  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.22) !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;

  cursor:pointer !important;

  transition:
    transform .14s ease,
    filter .14s ease,
    box-shadow .14s ease;
}

#studio-new-file-button {
  color:#e6fff6 !important;
  background:linear-gradient(
    180deg,
    #20d79c 0%,
    #0ca878 55%,
    #07694b 100%
  ) !important;

  box-shadow:
    0 6px 0 #044c37,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#studio-rename-file-button {
  color:#eef7ff !important;
  background:linear-gradient(
    180deg,
    #4da4ff 0%,
    #2873d4 55%,
    #194a91 100%
  ) !important;

  box-shadow:
    0 6px 0 #12376a,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#studio-delete-file-button {
  color:#fff3ff !important;
  background:linear-gradient(
    180deg,
    #b46cff 0%,
    #8146d6 55%,
    #562a94 100%
  ) !important;

  box-shadow:
    0 6px 0 #3b1d68,
    0 11px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

#studio-new-file-button:hover,
#studio-rename-file-button:hover,
#studio-delete-file-button:hover {
  transform:translateY(-2px) !important;
  filter:brightness(1.10);
}

#studio-new-file-button:active,
#studio-rename-file-button:active,
#studio-delete-file-button:active {
  transform:translateY(5px) !important;

  box-shadow:
    0 1px 0 rgba(0,0,0,.9),
    0 4px 7px rgba(0,0,0,.36),
    inset 0 3px 7px rgba(0,0,0,.30) !important;
}

#studio-new-file-button:focus-visible,
#studio-rename-file-button:focus-visible,
#studio-delete-file-button:focus-visible {
  outline:3px solid #93c5fd !important;
  outline-offset:3px !important;
}

/*
  Critical layout correction:
  never compress the action labels vertically.
*/
.studio-file-actions,
.studio-file-toolbar,
.file-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}

.studio-file-actions > button,
.studio-file-toolbar > button,
.file-actions > button {
  flex:0 0 auto !important;
  width:auto !important;
}

#studio-file-list {
  margin-top:14px !important;
}

/* END XENTRA_PRODUCTION_3D_FILE_CONTROLS */


/* ==========================================================
   XENTRA_STUDIO_GEOMETRY_FIX_V1
   Build Studio production geometry
   ========================================================== */

/* Give the file column usable enterprise width */
.studio-grid {
    grid-template-columns:
        minmax(285px, 320px)
        minmax(420px, 1fr)
        minmax(300px, 360px) !important;
}

/* Sidebar itself */
.studio-grid > .studio-files {
    min-width: 285px !important;
    width: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

/* ARCHIVOS + GUARDADO header */
.studio-files > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    min-width: 0 !important;
    width: 100% !important;
}

.studio-files > div:first-child .studio-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

#studio-save-status {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    text-align: right !important;
}

/* Real file toolbar */
.studio-files .studio-file-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;

    width: 100% !important;
    min-width: 0 !important;
    margin-top: 14px !important;
}

/* Full-width 3D controls inside the sidebar */
.studio-files .studio-file-actions > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;

    box-sizing: border-box !important;
}

/* File list */
#studio-file-list {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

/* Individual filenames */
#studio-file-list .studio-file {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

#studio-file-list .studio-file span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Editor/output cannot push sidebar out */
.studio-grid > .studio-editor,
.studio-grid > .studio-output {
    min-width: 0 !important;
}

/* Workstation adaptation */
@media (max-width: 1250px) {
    .studio-grid {
        grid-template-columns:
            minmax(260px, 290px)
            minmax(360px, 1fr)
            minmax(270px, 320px) !important;
    }

    .studio-grid > .studio-files {
        min-width: 260px !important;
    }
}

/* Narrow layout */
@media (max-width: 900px) {
    .studio-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .studio-grid > .studio-files {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }
}

/* END XENTRA_STUDIO_GEOMETRY_FIX_V1 */