:root{
  --ux-positive:#66c3a3;
  --ux-positive-bg:rgba(102,195,163,.12);
  --ux-caution:#d3a85f;
  --ux-caution-bg:rgba(211,168,95,.12);
  --ux-negative:#d97880;
  --ux-negative-bg:rgba(217,120,128,.12);
  --ux-neutral:#9aa8ba;
  --ux-neutral-bg:rgba(154,168,186,.08);
  --ux-blue:#729df0;
}
.ux-hidden-source{display:none!important}
.ux-parse-preview{display:grid;gap:7px;margin:9px 0 2px}.ux-parse-item{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:9px 11px;border:1px solid #2a3850;border-radius:11px;background:#0b1321;font-size:12px;line-height:1.35}.ux-parse-item.ok{border-color:rgba(102,195,163,.38);background:var(--ux-positive-bg)}.ux-parse-item.warn{border-color:rgba(211,168,95,.46);background:var(--ux-caution-bg)}.ux-parse-mark{font-weight:950}.ux-parse-item.ok .ux-parse-mark{color:var(--ux-positive)}.ux-parse-item.warn .ux-parse-mark{color:var(--ux-caution)}.ux-arrow{color:#8998ac}.ux-parse-empty{color:#8f9db0;font-size:12px}
.ux-company-box{margin-top:2px}.ux-token-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.ux-token-composer textarea{min-height:70px}.ux-token-help{margin-bottom:9px}.ux-entity-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ux-entity-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 11px;border:1px solid rgba(114,157,240,.42);border-radius:999px;background:rgba(114,157,240,.09);color:#e7efff}.ux-entity-chip span{display:flex;align-items:baseline;gap:5px;min-width:0}.ux-entity-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-entity-chip small{color:#94a3b8;white-space:nowrap}.ux-entity-chip button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:#162238;color:#bdc9d8;font-size:17px}.ux-parse-summary{min-height:18px;margin-top:7px;color:#94a3b8;font-size:12px}
.ux-state-help{margin:7px 0 9px}.ux-state-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.ux-state-legend span{display:inline-flex;align-items:center;border:1px solid #354257;border-radius:999px;padding:6px 9px;background:#0c1423;font-size:11px;font-weight:800}.ux-state-legend .neutral{color:#c4ceda}.ux-state-legend .positive{color:#c8f6e5;border-color:rgba(102,195,163,.5);background:var(--ux-positive-bg)}.ux-state-legend .caution{color:#f1d9ad;border-color:rgba(211,168,95,.5);background:var(--ux-caution-bg)}.ux-state-legend .negative{color:#ffd3d6;border-color:rgba(217,120,128,.52);background:var(--ux-negative-bg)}.ux-state-symbol{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;font-weight:950;font-size:15px;line-height:1}
.pref-chip[data-state="neutral"],.condition-chip[data-state="neutral"]{border-color:#354257;background:#0c1423;color:#cbd5e1}.pref-chip[data-state="like"]{border-color:rgba(102,195,163,.64);background:var(--ux-positive-bg);color:#ddfff1}.pref-chip[data-state="avoid"]{border-color:rgba(217,120,128,.64);background:var(--ux-negative-bg);color:#ffe2e4}.condition-chip[data-state="prefer_not"]{border-color:rgba(211,168,95,.64);background:var(--ux-caution-bg);color:#ffe9bf}.condition-chip[data-state="hard_no"]{border-color:rgba(217,120,128,.7);background:var(--ux-negative-bg);color:#ffe2e4}
.task-row{transition:border-color .18s ease,background .18s ease}.task-row[data-ux-level="independent"]{border-color:rgba(102,195,163,.46);background:var(--ux-positive-bg)}.task-row[data-ux-level="assisted"]{border-color:rgba(211,168,95,.48);background:var(--ux-caution-bg)}.task-row[data-ux-level="exposed"]{border-color:#3a4658;background:var(--ux-neutral-bg)}
.lang-row{padding:10px 12px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#0b1321;transition:border-color .18s ease,background .18s ease}.lang-row[data-ux-level="comfortable"]{border-color:rgba(102,195,163,.44);background:var(--ux-positive-bg)}.lang-row[data-ux-level="effort"]{border-color:rgba(114,157,240,.42);background:rgba(114,157,240,.08)}.lang-row[data-ux-level="not_reliable"]{border-color:rgba(211,168,95,.5);background:var(--ux-caution-bg)}.lang-row[data-ux-level="cannot"]{border-color:rgba(217,120,128,.52);background:var(--ux-negative-bg)}
.ux-json-meta{margin-top:4px;color:#94a3b8;font-size:11px}.ux-json-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid #1f2b3e;background:#0a111d}.ux-json-output{display:block;width:100%;height:min(58vh,620px);min-height:310px;margin:0;padding:14px;border:0;border-radius:0;background:#070c14;color:#a8e5cc;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto;resize:vertical;box-shadow:none}.ux-json-output:focus{border:0;box-shadow:inset 0 0 0 1px rgba(114,157,240,.45)}.ux-copy-parts{padding:11px 12px;border-top:1px solid #1f2b3e;background:#0a111d}.ux-copy-title{margin-bottom:8px;color:#94a3b8;font-size:11px}.ux-copy-buttons{display:flex;flex-wrap:wrap;gap:7px}.ux-copy-status{min-height:24px;padding:7px 12px 10px;color:#94a3b8;font-size:11px}.ux-copy-status[data-kind="ok"]{color:#c1efdc}.ux-copy-status[data-kind="warn"]{color:#f2d7a3}
@media(max-width:640px){.ux-token-composer{grid-template-columns:1fr}.ux-token-composer .secondary{width:100%}.ux-json-actions .small{flex:1 1 145px}.ux-json-output{height:55vh;min-height:330px;font-size:11px}.ux-entity-chip{max-width:100%}}
