.dr-canvas{background:var(--surface);border-radius:var(--radius-card);padding:2rem;margin-bottom:2rem}.dr-canvas-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.dr-tension{margin-bottom:2rem}.dr-tension-poles{display:flex;justify-content:space-between;font-size:.82rem;font-weight:650;color:var(--text);margin-bottom:8px}.dr-tension-bar{height:8px;background:linear-gradient(90deg,#4368b1,#b83d52);border-radius:4px;position:relative}.dr-tension-marker{position:absolute;top:50%;width:20px;height:20px;background:var(--bg);border:3px solid var(--text);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.dr-tension-sublabels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:6px}.dr-dims-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dr-dim-cell{padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.dr-dim-letter{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.dr-dim-name{font-size:.88rem;font-weight:650;color:var(--text);margin-bottom:8px}.dr-dim-bar-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:6px}.dr-dim-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.dr-level-good .dr-dim-bar-fill{background:var(--tool-green)}.dr-level-good .dr-dim-tendency{color:var(--tool-green)}.dr-level-mixed .dr-dim-bar-fill{background:var(--tool-amber)}.dr-level-mixed .dr-dim-tendency{color:var(--tool-amber)}.dr-level-critical .dr-dim-bar-fill{background:var(--tool-orange)}.dr-level-critical .dr-dim-tendency{color:var(--tool-orange)}.dr-dim-tendency{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dr-pattern-card{border:1px solid var(--accent);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:1.5rem;background:#eb5f820a}.dr-pattern-overline{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}.dr-pattern-name{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.dr-pattern-desc{font-size:.95rem;color:var(--text2);line-height:1.6;margin-bottom:1.25rem}.dr-pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}.dr-pattern-item{padding:1rem;background:var(--surface);border-radius:8px}.dr-pattern-item-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.dr-pattern-item-text{font-size:.88rem;color:var(--text);line-height:1.5}.dr-experiment{padding:1rem;background:var(--surface);border-radius:8px;border-left:3px solid var(--accent)}.dr-experiment-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:6px}.dr-experiment-text{font-size:.9rem;color:var(--text);line-height:1.5;font-weight:500}.dr-synthesis{margin-bottom:1.5rem;padding:1.5rem;background:var(--surface);border-radius:var(--radius-card)}.dr-synthesis-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.dr-synthesis-text{font-size:.95rem;color:var(--text2);line-height:1.7}.dr-antipatterns{margin-bottom:1.5rem}.dr-antipatterns-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.dr-antipatterns-list{display:flex;flex-direction:column;gap:8px}.dr-antipattern-item{padding:1rem;border:1px solid var(--border);border-radius:8px}.dr-antipattern-name{font-size:.88rem;font-weight:650;color:var(--text);margin-bottom:4px}.dr-antipattern-desc{font-size:.85rem;color:var(--text2);line-height:1.5}.dr-compass{margin-bottom:1.5rem}.dr-compass-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.dr-compass-chips{display:flex;flex-wrap:wrap;gap:8px}.dr-compass-chip{display:inline-block;font-size:.78rem;font-weight:500;padding:.3rem .75rem;border:1px solid var(--border);border-radius:16px;color:var(--text2);text-decoration:none;transition:border-color .15s,color .15s}.dr-compass-chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.dr-export{display:flex;gap:8px;margin-bottom:2rem}.dr-export-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text2);font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.dr-export-btn:hover{border-color:var(--accent);color:var(--accent)}.dr-cta{text-align:center;padding:2rem;background:var(--surface);border-radius:var(--radius-card)}.dr-cta-text{font-size:1rem;color:var(--text2);margin-bottom:1rem}.dr-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.dr-canvas{padding:1.25rem}.dr-dims-grid,.dr-pattern-grid{grid-template-columns:1fr}.dr-tension-sublabels{font-size:.62rem}}@media print{.tool-hero,.tool-cross-links,.tool-statement,.tool-back,.dr-export,.dr-cta,#btn-restart,nav,header,footer,.cookie-banner{display:none!important}.dr-canvas,.dr-pattern-card{break-inside:avoid}body{background:#fff;color:#000}}