/* AXE4 tokens: shared/axe4-theme.json in AXE4 Vector Forge.
   Scoped overrides preserve the original Píxel & señal interface. */
@font-face{font-family:'AXE4 Condensed';src:url('assets/fonts/RobotoCondensed-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'AXE4 Handjet';src:url('assets/fonts/Handjet-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.axe4-brand,.axe4-only{display:none}
.app-icon{display:block;object-fit:contain;flex-shrink:0}
.language-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.language-control select{width:112px;min-height:37px;font-size:11px}.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.interface-toggle{background:transparent;color:var(--muted);font-size:11px;border-color:var(--line)}
.ecosystem-footer{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font:9px var(--mono);letter-spacing:.06em;color:var(--muted);flex-shrink:0}
.ecosystem-footer a{color:inherit;text-underline-offset:3px}
:root[data-interface=axe4]{--bg:#191d22;--panel:#1f242a;--line:#37404a;--muted:#a6aeb8;--ink:#ebeef1;--accent:#d8b4fe;--ui:'AXE4 Condensed','Segoe UI',Arial,sans-serif;--brand:#a855f7;--fuchsia:#b92cff;--well:#141117;--surface:#24292f}
[data-interface=axe4] .axe4-brand{display:flex}
[data-interface=axe4] .axe4-only{display:inline}
[data-interface=axe4] .classic-brand,[data-interface=axe4] .classic-only{display:none}
[data-interface=axe4] body{font-size:14px}
[data-interface=axe4] .app-header{height:80px;background:#1f242a;padding:0 26px;border-bottom-color:#4b545f;gap:22px}
[data-interface=axe4] .axe4-brand{gap:12px;letter-spacing:.03em}
[data-interface=axe4] .axe4-brand img{width:36px;height:36px;object-fit:contain}
[data-interface=axe4] .axe4-brand b{font-size:20px;font-weight:650;letter-spacing:.06em}
[data-interface=axe4] .axe4-brand i{font-family:inherit;color:var(--brand);padding:0 3px;font-style:normal}
[data-interface=axe4] .axe4-brand small{color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:4px}
[data-interface=axe4] .local-badge{font-size:12px}
[data-interface=axe4] .local-badge>span,[data-interface=axe4] .status-dot{background:#38be77}
[data-interface=axe4] .button{border-radius:2px;min-height:37px;font-size:13px;letter-spacing:.025em;padding:9px 13px}
[data-interface=axe4] .button.primary{background:linear-gradient(110deg,#8e36cd,#a02dde);border-color:#b26de7;color:#fff}
[data-interface=axe4] .button.secondary{background:var(--surface);border-color:#4b545f;color:var(--ink)}
[data-interface=axe4] .button.subtle{color:var(--muted)}
[data-interface=axe4] .interface-toggle{border-color:#714890;background:#33263d;color:#d8b4fe;font-size:12px}
[data-interface=axe4] .language-control select{font-size:12px;background:#141117;border-color:#4b545f;border-radius:2px}
[data-interface=axe4] .workspace{grid-template-columns:336px minmax(0,1fr);min-height:calc(100svh - 80px)}
[data-interface=axe4] .sidebar{background:var(--panel)}
[data-interface=axe4] .sidebar-heading{padding:24px 23px 20px;background:#24292f;border-bottom:1px solid var(--line)}
[data-interface=axe4] .eyebrow{color:var(--accent);font-size:9px;letter-spacing:.13em}
[data-interface=axe4] h1{font-family:'AXE4 Handjet',Consolas,monospace;font-size:29px;font-weight:550;letter-spacing:.045em;margin:9px 0 8px}
[data-interface=axe4] .sidebar-heading p{font-size:13px;color:var(--muted)}
[data-interface=axe4] .setting-tabs{padding:0 14px;background:#1c2026;gap:0}
[data-interface=axe4] .setting-tabs button{font-size:13px;letter-spacing:.04em;padding:13px 0;border-bottom-width:2px}
[data-interface=axe4] .setting-tabs button[aria-selected=true]{border-bottom-color:var(--brand);background:#33263d;color:#ebeef1}
[data-interface=axe4] .settings-panel{padding:0 23px 20px;scrollbar-color:#714890 transparent}
[data-interface=axe4] .section-title{margin:23px 0 17px;border-bottom:1px solid var(--line);padding-bottom:10px}
[data-interface=axe4] .section-title h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:550}
[data-interface=axe4] .section-title>span{color:#b48bce}
[data-interface=axe4] .field-label,[data-interface=axe4] .control-top{color:#b9c1ca;font-size:12px}
[data-interface=axe4] input[type=number],[data-interface=axe4] select{border-radius:2px;background:var(--well);border-color:#4b545f;color:var(--ink);font-size:13px}
[data-interface=axe4] .control-top .control-number{font-size:11px;color:var(--accent);height:28px;background:var(--well)}
[data-interface=axe4] input[type=range],[data-interface=axe4] input[type=checkbox]{accent-color:var(--brand)}
[data-interface=axe4] .resolution-chips button{border-color:#4b545f;border-radius:1px;color:var(--muted);padding:6px 12px}
[data-interface=axe4] .resolution-chips button.selected{border-color:#a855f7;background:#33263d;color:#ebeef1}
[data-interface=axe4] .swatches>span{border-radius:0;height:19px;border-color:#ffffff22}
[data-interface=axe4] .palette-editor{background:#1b1d23;border-color:#4b545f;border-radius:2px;padding:12px}
[data-interface=axe4] .palette-color-row{background:var(--well);border-color:#37404a;border-radius:1px}
[data-interface=axe4] .palette-color-row input[type=color]{background:#24292f;border-color:#4b545f}
[data-interface=axe4] .palette-color-row code{font-size:10px;color:#c0c7d0}
[data-interface=axe4] .remove-color{background:#33263d;color:#d8b4fe}
[data-interface=axe4] .palette-edit-heading{color:#c3cbd5;font-size:12px}
[data-interface=axe4] .text-button{font-size:12px;color:#d8b4fe}
[data-interface=axe4] .panel-note{font-size:12px;color:#a6aeb8;line-height:1.5}
[data-interface=axe4] .preset-grid button{background:#24292f;border-color:#4b545f;border-radius:2px;font-size:13px}
[data-interface=axe4] .preset-grid button.selected{background:#33263d;border-color:#a855f7;color:#ebeef1}
[data-interface=axe4] summary,[data-interface=axe4] .check-field{font-size:12px;color:#b8c0ca}
[data-interface=axe4] .sidebar-footer{background:#1c2026;color:#a6aeb8}
[data-interface=axe4] .preview-area{padding:22px 26px 14px;background:#191d22}
[data-interface=axe4] .view-tabs{background:#141117;border-color:#4b545f;border-radius:2px}
[data-interface=axe4] .view-tabs button{font-size:13px;color:#a6aeb8;border-radius:1px;padding:7px 17px}
[data-interface=axe4] .view-tabs button[aria-pressed=true]{background:#33263d;color:#d8b4fe}
[data-interface=axe4] .example-toolbar label{font-size:12px}[data-interface=axe4] .example-toolbar select{font-size:13px;background:#141117;border-color:#4b545f}
[data-interface=axe4] .zoom-label{font-size:12px}
[data-interface=axe4] .stage{background-color:#141117;background-image:linear-gradient(#a855f708 1px,transparent 1px),linear-gradient(90deg,#a855f708 1px,transparent 1px);background-size:24px 24px;background-position:center;border-color:#4b545f;border-radius:2px}
[data-interface=axe4] .screen{box-shadow:0 12px 44px #0007}
[data-interface=axe4] .drop-overlay{background:#231b2cef;border-color:#a855f7;color:#d8b4fe}
[data-interface=axe4] .preview-caption{color:#a6aeb8;font-size:10px}
[data-interface=axe4] .export-bar,[data-interface=axe4] .gif-export{background:#24292f;border-color:#4b545f;border-radius:2px}
[data-interface=axe4] .export-copy strong{color:#ebeef1}
[data-interface=axe4] .export-copy small,[data-interface=axe4] .gif-export small{font-size:12px;color:#a6aeb8}
[data-interface=axe4] .export-scale-label,[data-interface=axe4] .gif-export label{font-size:12px}
[data-interface=axe4] .gif-export strong{font-size:13px;letter-spacing:.03em}
[data-interface=axe4] .export-actions .button,[data-interface=axe4] .gif-export .button{font-size:13px}
[data-interface=axe4] #status{color:#a6aeb8;font-size:12px}
[data-interface=axe4] #toast{background:#33263d;color:#ebeef1;border:1px solid #a855f7;border-radius:2px}
[data-interface=axe4] .ecosystem-footer{border-top:1px solid #37404a;margin-top:12px;color:#a6aeb8;font-size:9px}
[data-interface=axe4] .ecosystem-footer a{color:#d8b4fe}
@media(min-width:721px){[data-interface=axe4] .workspace{height:calc(100svh - 80px);min-height:680px}}
@media(max-width:1100px){[data-interface=axe4] .app-header{padding:0 18px;gap:14px}[data-interface=axe4] .workspace{grid-template-columns:300px minmax(0,1fr)}[data-interface=axe4] .preview-area{padding:18px}[data-interface=axe4] .settings-panel{padding-left:18px;padding-right:18px}}
@media(max-width:850px) and (min-width:721px){[data-interface=axe4] .axe4-brand b{font-size:17px}[data-interface=axe4] .axe4-brand small{font-size:8px}[data-interface=axe4] .header-actions{gap:5px}[data-interface=axe4] .button{padding:8px}[data-interface=axe4] .axe4-brand img{width:34px}}
@media(max-width:720px){.app-header,[data-interface=axe4] .app-header{height:auto;min-height:76px;flex-wrap:wrap;padding:14px;gap:14px}.header-actions{width:100%;justify-content:space-between;gap:6px}.header-actions .button{flex:1}[data-interface=axe4] .workspace{min-height:0;height:auto;display:flex}[data-interface=axe4] .sidebar-heading{display:none}[data-interface=axe4] .settings-panel{max-height:340px}[data-interface=axe4] .preview-area{padding:16px 12px}[data-interface=axe4] .stage{min-height:260px}[data-interface=axe4] .ecosystem-footer{font-size:8px;flex-wrap:wrap;gap:8px}[data-interface=axe4] .export-actions .button,[data-interface=axe4] .gif-export .button{font-size:12px}}
@media(max-width:1250px){.local-badge{display:none}.header-actions{margin-left:auto}}
@media(max-width:850px){.header-actions{flex-wrap:wrap}.language-control select{width:100px}}