:root{font:14px Arial,sans-serif;background:#14232d;color:#d4e2e8}*{box-sizing:border-box}body{margin:0}.cad-window{height:100vh;min-height:480px;display:flex;flex-direction:column}header{display:flex;gap:12px;align-items:center;background:#26333d;padding:13px 15px;border-bottom:1px solid #44515b}header img{width:24px;height:24px;filter:brightness(0) invert(1)}header strong{font-size:15px;font-weight:600}header>span{margin-left:auto;font-size:13px;color:#9fb3be}.cad-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#1b2d39;padding:10px 14px;border-bottom:1px solid #405462}button{font:14px Arial,sans-serif;cursor:pointer;border:1px solid #4d6a7d;background:#213d50;color:#c6dce8;padding:9px 12px}.cad-toolbar>button{background:#d9ac6a;color:#1a2a34;border-color:#ecc386;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{opacity:.65;cursor:wait}button:focus-visible{outline:3px solid #97dfda;outline-offset:2px}[role=tablist]{display:flex;gap:5px}[role=tab][aria-selected=true]{border-color:#95c6d8;background:#31576c;color:#eaf5f9}.cad-agents{display:flex;justify-content:center;gap:32px;background:#142732;padding:12px;border-bottom:1px solid #324d5b}.cad-agents>span{font-size:14px;display:flex;gap:8px;align-items:center;color:#88a6b6}.cad-agents i{font:21px monospace;font-style:normal;color:#8fb9d5}.cad-agents>span:nth-child(2) i{color:#ddb47d}.cad-agents>span:nth-child(3) i{color:#8acdb0}.cad-agents b{font:14px Arial;color:#668a9b}.cad-agents .active{color:white}.cad-agents .active i{animation:agent-work .4s steps(2) infinite}.cad-agents .finished b{color:#9ddbb6}.drawing-area{min-height:0;flex:1;position:relative;background:#10202b}.drawing-area canvas{display:block;width:100%;height:100%}.cad-view-label,.unit-label{position:absolute;top:12px;font:13px monospace;color:#7999ab;pointer-events:none}.cad-view-label{left:15px}.unit-label{right:15px}.cad-command{display:flex;gap:12px;align-items:start;padding:12px 15px;background:#192d39;border-top:1px solid #3b5666;font-size:14px;line-height:1.6;min-height:48px}.cad-command>span{color:#9dc2d4}.cad-command output{color:#c9dde6}footer{display:flex;justify-content:space-between;gap:12px;padding:10px 15px;background:#263945;border-top:1px solid #415a69;font-size:13px;color:#a5bdc9}@keyframes agent-work{50%{transform:translateY(-3px)}}@media(max-width:600px){header{padding:11px;gap:8px}header strong{font-size:14px}header>span{font-size:12px;max-width:90px;text-align:right;line-height:1.5}.cad-toolbar{padding:10px;gap:10px;flex-wrap:wrap}.cad-toolbar>button{width:100%}.cad-toolbar [role=tablist]{width:100%}.cad-toolbar [role=tab]{flex:1}button{font-size:13px;padding:8px}.cad-agents{gap:14px;padding:10px}.cad-agents>span{font-size:12px;gap:5px}.cad-agents i{font-size:18px}.cad-agents b{font-size:12px}.cad-command{padding:10px;font-size:13px;gap:8px;min-height:66px}footer{font-size:12px;padding:9px 10px;line-height:1.5}.cad-view-label,.unit-label{font-size:11px}.cad-window{min-height:540px}}
@media(prefers-reduced-motion:reduce){.cad-agents .active i{animation:none}}