/* 4P3X AI™ · Kyzel Kreates™ | Original application code. Powered by 4P3X Intelligent AI™ · Created by Kyzel Kreates™ */
.fx-root{--bg:#090f14;--panel:#10181e;--line:#2a353c;--gold:#d5af65;--text:#edf1f3;--muted:#a5b1b9;--green:#66c9a3;color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);min-width:0;position:relative;color-scheme:dark}
.fx-root *{box-sizing:border-box}.fx-root button,.fx-root input,.fx-root select{font:inherit}.fx-root button,.fx-root .fx-link{border:1px solid var(--line);border-radius:7px;background:#131d24;color:var(--text);padding:9px 11px;min-height:40px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.fx-root button:hover,.fx-root .fx-link:hover{border-color:var(--gold);background:#202a30}.fx-root button:disabled{opacity:.42;cursor:not-allowed}.fx-root button[aria-pressed=true],.fx-root button[aria-selected=true]{color:#ffe0a0;border-color:var(--gold);background:#2a261c}.fx-root :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.fx-root h1,.fx-root h2,.fx-root h3,.fx-root p{margin:0}.fx-root h1{font-size:23px;line-height:1.2;letter-spacing:-.6px}.fx-root h2{font-size:18px}.fx-root h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em}.fx-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.fx-brand{display:flex;align-items:center;gap:13px}.fx-logo{width:53px;height:53px;object-fit:contain;border:1px solid #665434;border-radius:12px;background:#080d12}.fx-sub{font-size:12px;color:var(--muted);margin-top:4px}.fx-kicker{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.fx-head-actions{display:flex;gap:7px;flex-wrap:wrap}.fx-boundary{font-size:12px;background:#211e15;color:#dfc68f;padding:10px 18px;border-bottom:1px solid #51472d;display:flex;justify-content:space-between;gap:12px}.fx-layout{display:grid;grid-template-columns:234px minmax(0,1fr) 254px;min-height:690px;height:min(860px,calc(100dvh - 160px));}.fx-side{padding:17px 14px;overflow:auto;background:var(--panel);min-height:0}.fx-left{border-right:1px solid var(--line)}.fx-right{border-left:1px solid var(--line)}.fx-section{padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid var(--line)}.fx-section:last-child{border:0}.fx-section h3{margin-bottom:11px}.fx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fx-grid2 button{font-size:12px;padding:8px 5px}.fx-control{display:block;margin-top:13px;color:var(--muted);font-size:12px}.fx-control>span{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px}.fx-control output{color:var(--gold);font-variant-numeric:tabular-nums}.fx-root input[type=range]{width:100%;accent-color:var(--gold);min-height:24px}.fx-root input[type=search],.fx-root input[type=number],.fx-root select{width:100%;color:var(--text);background:#080f14;border:1px solid var(--line);border-radius:6px;padding:9px;margin-top:5px;min-width:0}.fx-help{font-size:11px;color:var(--muted);margin-top:9px!important}.fx-stage{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#1b252e 0%,#0a1016 70%)}.fx-canvas-wrap{flex:1;min-height:0;position:relative}.fx-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.fx-scene-title{position:absolute;left:16px;top:14px;pointer-events:none;max-width:65%;z-index:1}.fx-scene-title strong{font-size:12px;color:var(--green);font-weight:500}.fx-scene-title p{font-size:11px;color:var(--muted);margin-top:3px}.fx-render{position:absolute;right:12px;top:12px;background:#0a1016cc;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:10px/1.5 ui-monospace,monospace;text-align:right;pointer-events:none}.fx-scene-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 12px;font-size:10px;color:var(--muted)}.fx-viewtools{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px;border-top:1px solid var(--line)}.fx-viewtools button{font-size:12px;min-width:50px}.fx-tabs{display:flex;border-top:1px solid var(--line);background:#10171e;padding:5px 7px;gap:6px}.fx-tabs button{flex:1;font-size:12px;background:transparent;border-color:transparent}.fx-register{display:flex;flex-direction:column;gap:4px;max-height:245px;overflow:auto;margin-top:9px}.fx-register button{display:block;text-align:left;font-size:11px;min-height:50px;justify-content:flex-start;padding:8px}.fx-register small{display:block;font:9px/1.4 ui-monospace,monospace;color:var(--muted);margin-top:3px}.fx-count{color:var(--gold);font-weight:500}.fx-selected-name{font-size:18px!important;text-transform:none!important;letter-spacing:0!important;margin:7px 0!important;line-height:1.25}.fx-detail{display:block}.fx-preview{height:160px;position:relative;border:1px solid var(--line);margin:12px 0;border-radius:7px;background:#080e13;overflow:hidden}.fx-preview canvas{width:100%;height:100%;display:block;touch-action:none}.fx-preview-caption{font:10px ui-monospace,monospace;color:var(--gold);margin:-5px 0 12px}.fx-root dl{margin:13px 0;display:grid;grid-template-columns:80px 1fr;gap:7px;font-size:11px}.fx-root dt{color:var(--muted)}.fx-root dd{margin:0;overflow-wrap:anywhere}.fx-empty{color:var(--muted);text-align:center;padding:70px 4px;font-size:13px}.fx-meta-note{padding:10px;background:#201f18;border-left:2px solid var(--gold);font-size:11px;color:#cfbe97}.fx-panel{position:absolute;inset:0;z-index:3;background:#0b131bec;padding:28px;overflow:auto;backdrop-filter:blur(7px)}.fx-panel[hidden]{display:none}.fx-panel h2{margin-bottom:14px}.fx-panel p{color:#bac6cc;margin:12px 0;max-width:680px}.fx-panel table{border-collapse:collapse;width:100%;font-size:12px;margin:15px 0}.fx-panel th,.fx-panel td{text-align:left;border-bottom:1px solid var(--line);padding:10px 7px}.fx-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.fx-metric{padding:15px;border:1px solid var(--line);border-radius:7px;background:#0b1218}.fx-metric b{display:block;color:var(--green);font-size:24px;font-weight:550;margin-bottom:4px}.fx-metric span{font-size:11px;color:var(--muted)}.fx-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fx-row{display:flex;gap:6px;flex-wrap:wrap}.fx-wide{width:100%;margin-top:7px}.fx-loading{position:absolute;inset:0;display:grid;place-content:center;padding:30px;text-align:center;background:#0b131b;z-index:5;color:var(--muted)}.fx-loading strong{color:var(--gold);font-size:20px;margin-bottom:10px}.fx-status{font-size:11px;padding:9px 18px;border-top:1px solid var(--line);color:var(--muted);min-height:34px}.fx-footbrand{font-size:10px;color:#73808a;text-align:center;padding:9px}.fx-root:fullscreen{height:100dvh;overflow:auto}.fx-root:fullscreen .fx-layout{height:calc(100dvh - 171px)}.fx-root .fx-mobile-toggle{display:none}.fx-root [hidden]{display:none!important}
@media(min-width:1800px){.fx-layout{grid-template-columns:270px minmax(0,1fr) 292px}.fx-register{max-height:340px}}
@media(max-width:1100px){.fx-layout{grid-template-columns:204px minmax(0,1fr) 215px}.fx-side{padding:12px 10px}.fx-head h1{font-size:20px}.fx-head{padding:12px}.fx-render{max-width:125px;font-size:9px}.fx-scene-title{max-width:55%}}
@media(max-width:800px){.fx-layout{height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:600px auto}.fx-stage{grid-column:1/-1;grid-row:1}.fx-left{grid-row:2;border-top:1px solid var(--line)}.fx-right{grid-row:2;border-top:1px solid var(--line)}.fx-side{max-height:none;overflow:visible}.fx-head{flex-wrap:wrap}.fx-head-actions{margin-left:auto}.fx-head h1{font-size:21px}.fx-boundary{display:block;font-size:11px}.fx-boundary span:last-child{display:none}.fx-register{max-height:320px}.fx-scene-title{max-width:60%}.fx-root .fx-mobile-toggle{display:inline-flex}.fx-layout.fx-hide-tools{grid-template-rows:600px}.fx-hide-tools .fx-side{display:none}.fx-root:fullscreen .fx-layout{height:auto}}
@media(max-width:500px){.fx-layout{grid-template-rows:480px auto;grid-template-columns:1fr}.fx-left{grid-column:1;grid-row:2}.fx-right{grid-column:1;grid-row:3}.fx-head-actions{width:100%;margin:0}.fx-head-actions button{flex:1;font-size:12px}.fx-logo{width:43px;height:43px}.fx-head h1{font-size:20px}.fx-side{padding:15px}.fx-section{margin-bottom:12px;padding-bottom:12px}.fx-right{border-left:0}.fx-metrics{grid-template-columns:1fr}.fx-render{top:55px;font-size:9px}.fx-panel{padding:18px}.fx-panel table{font-size:10px}.fx-scene-foot{font-size:9px}.fx-preview{height:235px}.fx-layout.fx-hide-tools{grid-template-rows:480px}.fx-control{font-size:13px}.fx-viewtools{gap:4px;padding:7px}.fx-viewtools button{font-size:11px;padding:7px}.fx-tabs button{font-size:11px;padding:8px 4px}.fx-formgrid{grid-template-columns:1fr}.fx-head{gap:10px}}
@media(prefers-reduced-motion:reduce){.fx-root *{scroll-behavior:auto!important}}

/* R4 additive device-family controls. */
.rg-family{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#101e26;border-bottom:1px solid #3a443e;flex-wrap:wrap}
.rg-family label{font-size:12px;color:#d8c18e;display:flex;gap:10px;align-items:center;min-width:260px}
.rg-family select{max-width:340px;background:#182b34;border:1px solid #48544d;color:#eff5f5;padding:10px;border-radius:7px}
.rg-family span{font-size:12px;line-height:1.6;flex:1;min-width:220px;color:#a9bdc4}
.rg-family button{border:1px solid #917d55;background:#1b2b2e;color:#edd6a0;padding:10px 14px;border-radius:7px}
.fx-root{min-height:100vh}.fx-head h1{font-size:23px}.fx-panel input[type=checkbox]{width:20px;height:20px;vertical-align:middle}
@media(max-width:700px){.rg-family{gap:9px;padding:10px}.rg-family label{width:100%}.rg-family select{max-width:calc(100vw - 90px)}.rg-family span{font-size:11px}.fx-head h1{font-size:19px}}