:root{color-scheme:dark;--bg:#07111d;--panel:#0d1b2a;--line:#294158;--text:#e8f4ff;--muted:#9db3c7;--accent:#62d4ff;--danger:#ff8f8f}.cad-page{max-width:1180px;margin:auto;padding:28px 18px 70px;color:var(--text);font-family:system-ui,sans-serif}.back{color:var(--accent)}.hero{display:flex;gap:18px;align-items:center;margin:20px 0}.hero .icon{font-size:52px}.hero h1{margin:0}.hero p,.guide li{color:var(--muted);line-height:1.65}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:linear-gradient(145deg,#0e2032,#0a1725);border:1px solid var(--line);border-radius:18px;padding:20px;margin:16px 0}.drop{display:block;border:2px dashed #3e6886;border-radius:16px;padding:30px;text-align:center;cursor:pointer}.drop.drag{border-color:var(--accent);background:#112c40}.drop input{display:none}.drop small{display:block;color:var(--muted);margin-top:8px}.file-chip{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:9px 12px;border-radius:10px;margin-top:8px}.control{display:grid;gap:7px;margin:12px 0}.control input,.control select{width:100%;box-sizing:border-box;background:#07131f;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}.check{display:flex;gap:8px;align-items:center;margin:10px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.actions button,.download{border:1px solid var(--line);background:#16324a;color:var(--text);border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer}.actions .primary{background:#0f6f94;border-color:#39bce9}.actions button:disabled{opacity:.45}.status.error,.error-box{color:var(--danger)}progress{width:100%;margin-top:14px}.metrics{display:flex;gap:10px;flex-wrap:wrap}.metrics span{border:1px solid var(--line);border-radius:10px;padding:8px 11px}.warnings{color:#ffd79a}.result-card pre{max-height:420px;overflow:auto;background:#06101a;padding:12px;border-radius:10px}#previewCanvas{width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.phase-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.phase-links a{border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text);text-decoration:none}.phase-links small{display:block;color:var(--muted);margin-top:5px}@media(max-width:800px){.grid{grid-template-columns:1fr}.phase-links{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}}