*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}body{background:#0f141c}button,input,select{font:inherit}.cad-app{color:#e8edf5;grid-template-rows:56px 1fr 32px;height:100%;display:grid}.topbar{background:#171d27;border-bottom:1px solid #303846;align-items:center;gap:7px;padding:0 12px;display:flex}.brand{white-space:nowrap;margin-right:15px;font-size:17px;font-weight:800}.brand span{color:#5da8ff}.topbar button{color:#fff;cursor:pointer;background:#222b38;border:1px solid #3a4658;border-radius:6px;padding:7px 10px}.topbar button:hover{background:#303c4d}.view-3d{opacity:.65;margin-left:auto}.main-layout{grid-template-columns:205px 1fr 255px;min-height:0;display:grid}.tools{background:#171d27;border-right:1px solid #303846;min-height:0;padding:12px;overflow-y:auto}.tools h3,.properties h3{color:#9ba9bc;letter-spacing:1px;margin:5px 0 10px;font-size:11px}.tool-btn{text-align:left;color:#e8edf5;cursor:pointer;background:#202834;border:1px solid #0000;border-radius:6px;width:100%;margin-bottom:5px;padding:8px 9px}.tool-btn:hover{background:#2b3646}.tool-btn.active{background:#205d9f;border-color:#68aeff}.tool-separator{background:#333c49;height:1px;margin:12px 0}.danger{color:#faa}.workspace{background:#f3f5f7;min-width:0;min-height:0;position:relative;overflow:hidden}#drawingCanvas{touch-action:none;background:#fafbfc;width:100%;height:100%;display:block}.canvas-help{color:#fff;pointer-events:none;background:#111827e0;border-radius:6px;padding:7px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}.properties{background:#171d27;border-left:1px solid #303846;min-height:0;padding:13px;overflow-y:auto}.field{margin-bottom:11px}.field label{color:#9daabc;margin-bottom:4px;font-size:11px;display:block}.field input,.field select{color:#fff;background:#232c39;border:1px solid #3c4859;border-radius:5px;width:100%;padding:7px}.field input[type=color]{height:38px;padding:3px}.check-row{align-items:center;gap:8px;margin:9px 0;font-size:12px;display:flex}.check-row input{width:auto}.measure-box{background:#202936;border:1px solid #394556;border-radius:7px;margin-top:13px;padding:11px;font-size:12px;line-height:1.65}.measure-title{color:#70b5ff;font-weight:700}.small-note{color:#94a3b8;margin-top:7px;font-size:10px;line-height:1.5}.statusbar{color:#9ba7b7;background:#10151d;border-top:1px solid #303846;align-items:center;gap:22px;padding:0 12px;font-size:11px;display:flex}.statusbar strong{color:#fff}@media (width<=900px){.main-layout{grid-template-columns:170px 1fr}.properties{display:none}.brand{font-size:14px}.topbar button{padding:6px;font-size:11px}}