:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#dbe3e9;background:#212830;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:5px;background:transparent;color:#b7c4ce;padding:7px 11px;font-size:12px;white-space:nowrap;transition:background .15s}button:hover{background:#303d49;color:#fff}button:focus-visible{outline:2px solid #59d6c3;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.workbench{height:100dvh;min-height:360px;display:flex;flex-direction:column}.topbar{height:66px;flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 24px;background:#141c24;border-bottom:1px solid #33404b}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-symbol{color:#63d8c2;border:1px solid #43555d;font:38px Georgia;width:35px;height:35px;display:grid;place-items:center;line-height:1}.brand strong{font-size:16px;font-weight:600;letter-spacing:2px}.brand div>span{display:block;font-size:9px;letter-spacing:2px;color:#6e8997;margin-top:4px}.privacy{font-size:11px;color:#839aa7;display:flex;align-items:center;gap:7px}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#718291}.privacy i,.online,.canvas-label i{background:#61d2ae}.primary{background:#65d6be;color:#102c26;font-weight:600;padding:9px 17px}.primary:hover{background:#86e7d2;color:#102c26}.documentbar{min-height:46px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:5px 18px;background:#1a242e;border-bottom:1px solid #35414b}.document{display:flex;align-items:center;gap:10px;min-width:0}.document strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-badge{font:9px Consolas,monospace;letter-spacing:.4px;padding:4px;border:1px solid #49606a;border-radius:3px;color:#8bafbb}.file-size{font:10px Consolas;color:#748b98}.tools{display:flex;align-items:center;gap:3px}.separator{height:16px;width:1px;background:#36444e;margin:0 6px}.selected{background:#28443f;color:#79e2c8}.drawing-area{flex:1;min-height:0;display:flex;position:relative}.drawing-pane{position:relative;flex:1;min-width:0;overflow:hidden;background:#212830}.cad-host{position:absolute;top:0;right:0;bottom:0;left:0}.cad-host canvas{display:block}.canvas-label{position:absolute;top:12px;left:15px;font:10px Microsoft YaHei,sans-serif;color:#8199a6;pointer-events:none;display:flex;align-items:center;gap:6px;background:#1b242bcc;padding:5px 7px;border-radius:3px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#212830eb;z-index:4;font-size:14px}.loading small{color:#7c939f;font-size:11px}.spinner{width:28px;height:28px;border:2px solid #3a4e58;border-top-color:#65d6be;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,90%);padding:24px;border:1px solid #986b50;background:#293139;border-radius:8px;box-shadow:0 10px 40px #0005}.error strong{color:#ffca9c}.error p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.error button{border:1px solid #51616a;margin-right:8px}.reference-pane{width:50%;border-left:1px solid #51616b;background:#212830;display:flex;flex-direction:column;min-width:0}.reference-title{display:flex;align-items:center;justify-content:space-between;padding:4px 14px;color:#a4b7c4;font-size:12px;background:#18232c}.reference-pane img{width:100%;flex:1;min-height:0;object-fit:contain}.reference-pane p{text-align:center;color:#7d919d;font-size:10px}footer{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#141c24;color:#7e95a4;font-size:10px;gap:12px;border-top:1px solid #34434d}footer>div{display:flex;align-items:center;gap:7px}.engine-label{font:10px Consolas;letter-spacing:1px}.drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;background:#152d31ee;border:2px dashed #65d6be;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:26px;pointer-events:none;border-radius:12px}.drop-overlay small{font-size:13px;color:#8fb7bb}@media(max-width:850px){.privacy,.file-size,.engine-label{display:none}.topbar{height:56px;padding:0 14px}.documentbar{flex-wrap:wrap;gap:5px;padding:7px 10px}.tools{width:100%;justify-content:space-between}.tools button{padding:6px;font-size:11px}.separator{margin:0 2px}footer{padding:0 8px;font-size:9px}.comparing{flex-direction:column}.reference-pane{height:50%;width:100%;border-left:0;border-top:1px solid #51616b}.brand strong{font-size:14px}}