.diag-page,.diag-editor-page{max-width:1400px;margin:0 auto;padding:24px;font-family:Arial,sans-serif;color:#182235}.diag-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#123c69,#1d63a7);color:#fff;margin-bottom:20px}.diag-hero.compact{padding:20px 24px}.diag-hero h1{margin:5px 0 8px}.diag-kicker{font-weight:700;opacity:.9}.diag-hero p{margin:0;opacity:.94}.diag-card{background:#fff;border:1px solid #dde5ef;border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 8px 24px rgba(16,40,70,.06)}.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.diag-schema-card{border:1px solid #e1e7ee;border-radius:14px;overflow:hidden;background:#fff}.diag-schema-image{height:180px;background:#f7f8fa;display:flex;align-items:center;justify-content:center}.diag-schema-image img{max-width:100%;max-height:100%;object-fit:contain}.diag-schema-body{padding:15px}.diag-schema-body h3{margin:8px 0}.diag-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8f1ff;color:#174d8c;font-size:12px;font-weight:700}.diag-meta,.diag-muted{color:#6e7785}.diag-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;padding:9px 13px;text-decoration:none;font-weight:700;cursor:pointer;background:#edf1f5;color:#23344e}.diag-btn-primary{background:#1769aa;color:#fff}.diag-btn-light{background:#fff;color:#1a4268}.diag-btn-danger{background:#ffe5e5;color:#a51c1c}.diag-btn-small{padding:6px 9px;font-size:12px}.diag-admin-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.diag-form{display:flex;flex-direction:column;gap:12px}.diag-form label{font-weight:700;font-size:13px}.diag-form input,.diag-form select,.diag-form textarea{width:100%;margin-top:5px;border:1px solid #d9e0e7;border-radius:9px;padding:9px;font:inherit}.diag-table-wrap{overflow:auto}.diag-table{width:100%;border-collapse:collapse;min-width:720px}.diag-table th,.diag-table td{padding:10px;border-bottom:1px solid #e4e9ef;text-align:left;vertical-align:middle}.diag-thumb{width:95px;height:60px;object-fit:contain;border:1px solid #e2e8ef;border-radius:7px}.diag-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.diag-actions form{margin:0}.diag-alert{padding:10px 12px;border-radius:10px;margin:10px 0}.diag-alert.error{background:#ffe4e4;color:#942121}.diag-alert.success{background:#e2f8e9;color:#176331}.diag-editor-page{max-width:none;padding:0}.diag-editor-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;background:#fff;border-bottom:1px solid #dde4ec;position:sticky;top:0;z-index:30}.diag-editor-head h1{margin:3px 0}.diag-editor-head p{margin:0;color:#6c7785}.diag-editor-tools{display:flex;gap:7px;align-items:center}.diag-editor-tools>button:not(.diag-btn){border:1px solid #dce3eb;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.diag-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100vh - 95px);background:#eef2f6}.diag-stage-scroll{overflow:auto;padding:22px}.diag-stage-shell{display:inline-block;background:#fff;border:1px solid #d7dfe8;box-shadow:0 10px 30px rgba(20,40,60,.08);transform-origin:top left}.diag-stage{position:relative;display:inline-block;line-height:0;user-select:none}.diag-stage.adding{cursor:crosshair}.diag-stage img{display:block;max-width:none}.diag-point{position:absolute;width:18px;height:18px;border:2px solid #e13535;background:rgba(225,53,53,.18);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;z-index:10;line-height:normal}.diag-point:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#e13535}.diag-point.selected{border-color:#1769aa;background:rgba(23,105,170,.16)}.diag-point.selected:after{background:#1769aa}.diag-point span{position:absolute;left:13px;top:-10px;background:#17212e;color:#fff;padding:3px 5px;border-radius:4px;font-size:10px;white-space:nowrap}.diag-editor-side{overflow:auto;background:#fff;border-left:1px solid #dbe2ea;padding:14px}.diag-help{background:#eef6ff;color:#234e78;padding:10px;border-radius:10px;margin-bottom:12px;font-size:13px}.diag-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diag-point-list{display:flex;flex-direction:column;gap:5px}.diag-point-item{display:flex;justify-content:space-between;gap:8px;width:100%;border:1px solid #dde4ec;background:#fff;padding:8px 9px;border-radius:8px;cursor:pointer;text-align:left}.diag-point-item small{color:#7a8594}.diag-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#16212e;color:#fff;padding:9px 13px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.diag-toast.show{opacity:1}.diag-sim-stage{position:relative;display:inline-block;max-width:100%}.diag-sim-stage img{display:block;max-width:100%;height:auto}.diag-sim-point{position:absolute;width:12px;height:12px;border:2px solid #e23636;background:rgba(226,54,54,.15);border-radius:50%;transform:translate(-50%,-50%)}@media(max-width:950px){.diag-admin-grid,.diag-editor-layout{grid-template-columns:1fr}.diag-editor-layout{height:auto}.diag-editor-side{border-left:0}.diag-hero,.diag-editor-head{align-items:flex-start;flex-direction:column}}