[data-tool=complex_number_workbench] .cx-hero{position:relative;overflow:hidden;padding:26px 30px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 92% 18%,#c8b4ff1a 0 90px,transparent 91px),radial-gradient(circle at 92% 18%,transparent 0 140px,#c8b4ff14 141px 142px,transparent 143px),radial-gradient(120% 140% at 0 0,#3a2d57 0,transparent 60%),linear-gradient(135deg,#2b2540,#242032 60%,#1d1a2a)}
[data-tool=complex_number_workbench] .cx-hero .ds-eyebrow{color:#f6cd63;letter-spacing:.14em}
[data-tool=complex_number_workbench] .cx-hero p{max-width:760px}
[data-tool=complex_number_workbench] .cx-hero .ds-badges span{border-color:#6f5686;background:#ffffff0a}
#cxWork{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
.cx-col{display:grid;gap:12px;min-width:0}
#cxWork .cx-h{padding:0;border:0;line-height:1.3;margin:4px 0 -2px;color:#a99dc4;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cx-box{display:grid;gap:9px;padding:13px 14px;border:1px solid #3d3656;border-radius:15px;background:#1b1829}#cxWork .cx-box .cx-h{margin:0}
.cx-card{padding:14px 15px;border:1px solid #3d3656;border-top:3px solid var(--k);border-radius:15px;background:linear-gradient(180deg,#221d33,#1b1829);min-width:0}
.cx-a{--k:#c8b4ff}.cx-b{--k:#7ee2a8}
.cx-card h2{margin:0 0 9px;color:var(--k);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cx-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cx-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cx-in label{display:grid;gap:4px;min-width:0;color:#bdb6cc;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#cxWork input[type=number]{width:100%;box-sizing:border-box;min-height:46px;padding:6px 10px;border:1px solid #4a4560;border-radius:10px;background:#100e1c;color:#fff;font:inherit;font-size:18px;font-weight:600}
#cxWork input[type=number]:focus{outline:none;border-color:var(--k);box-shadow:0 0 0 3px #c8b4ff26}
.cx-polar{margin:9px 0 0;color:#bdb6cc;font-size:12px;line-height:1.5}.cx-polar b{color:#fff}
#cxResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#cxResults article{padding:12px 14px;border:1px solid #3d3656;border-left:4px solid var(--c);border-radius:12px;background:#1b1829;min-width:0}
#cxResults h3{margin:0;color:var(--c);font-size:12px;letter-spacing:.06em}
#cxResults strong{display:block;margin:3px 0;color:#fff;font-size:clamp(18px,1.8vw,24px);line-height:1.2;overflow-wrap:anywhere}
#cxResults small{color:#bdb6cc;font-size:12px}
#cxResults p{margin:6px 0 0;padding-top:6px;border-top:1px dashed #3d3656;color:#d6d0e3;font:12px/1.45 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.cx-stage{position:sticky;top:84px;display:grid;gap:8px;padding:14px;border:1px solid #6f5686;border-radius:20px;background:#1b1829}
.cx-stage-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
.cx-stage-head h2{margin:0;color:#ece7f6;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cx-stage-head span{display:flex;align-items:center;gap:6px;color:#bdb6cc;font-size:12px}
.cx-stage-head i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px}.cx-ka{background:#c8b4ff}.cx-kb{background:#7ee2a8}.cx-kr{border:2px dashed #f6cd63;box-sizing:border-box}
#cxSvg{display:block;width:100%;max-height:calc(100vh - 210px);aspect-ratio:1;margin:auto;border:1px solid #3d3656;border-radius:14px;background:radial-gradient(circle at 50% 50%,#1d1930,#120f1c);touch-action:pan-y}
.cx-g{stroke:#ffffff10}.cx-ax{stroke:#ffffff55}.cx-t{fill:#a9a2bb;font:10px sans-serif}.cx-l{font:700 13px sans-serif}
.cx-grab{cursor:grab;stroke:#fff;stroke-width:2;touch-action:none}
.cx-stage small{color:#bdb6cc;font-size:12px;text-align:center}
#cxBad{margin:0;padding:9px 12px;border-left:3px solid #ff8d8d;border-radius:8px;background:#ff8d8d17;color:#ffd0d0}
.cx-actions{display:flex;flex-wrap:wrap;gap:7px}
.cx-btn,.cx-file{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid #4a4560;border-radius:10px;background:#ffffff06;color:#ece7f6;font:inherit;font-size:14px;cursor:pointer}
.cx-btn:hover:not(:disabled),.cx-file:hover{border-color:#c8b4ff}.cx-btn:disabled{opacity:.45;cursor:default}
.cx-file input{position:absolute;width:1px;height:1px;opacity:0}.cx-file:focus-within{outline:2px solid #f6cd63}
#cxCopy{border:0;background:#f6cd63;color:#231a08;font-weight:700}
#cxStatus{margin:0;color:#c9f3da;font-size:14px}#cxStatus:empty{display:none}#cxStatus.is-bad{color:#ffb4b4;font-weight:600}
@media(max-width:900px){#cxWork{grid-template-columns:minmax(0,1fr)}.cx-stage{position:static}#cxSvg{max-height:none;max-width:460px}}
@media(max-width:700px){[data-tool=complex_number_workbench] .cx-hero{padding:18px 16px}.cx-pair,#cxResults{grid-template-columns:minmax(0,1fr)}.cx-actions .cx-btn,.cx-actions .cx-file{flex:1 1 40%}.cx-stage{padding:10px;border-radius:16px}}