.diag-nav-spacer{height:72px}.perspective-bar{position:sticky;top:72px;z-index:100;background:#1a120bf7;border-bottom:1px solid rgba(184,146,42,.12);backdrop-filter:blur(12px)}.persp-inner{max-width:960px;margin:0 auto;padding:0 48px;height:44px;display:flex;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:12px}.persp-back{color:var(--gold);text-decoration:none}.persp-back:hover{opacity:.75}.persp-sep{color:#f5f0e833}.persp-title{color:#f5f0e880}.persp-badge{margin-left:auto;font-family:Bebas Neue,sans-serif;font-size:10px;letter-spacing:3px;color:var(--gold);background:#b8922a1a;padding:3px 10px;border:1px solid rgba(184,146,42,.2)}.diag-page{background:var(--espresso);color:var(--cream)}.diag-header{background:var(--chocolate);border-bottom:1px solid rgba(184,146,42,.15);padding:48px;max-width:960px;margin:0 auto}.diag-pillar-label{font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:5px;color:var(--gold);margin-bottom:16px}.diag-headline{font-family:"DM Serif Display",serif;font-size:clamp(32px,5vw,52px);line-height:1.1;color:var(--cream);margin:16px 0}.diag-intro{font-size:15px;color:#f5f0e8a6;max-width:680px;line-height:1.7;border-left:2px solid var(--gold);padding-left:20px;margin:0}.diag-tool-wrap{max-width:960px;margin:0 auto;padding:48px}.diag-post-ctas{background:var(--chocolate);border-top:1px solid rgba(184,146,42,.12);padding:48px}.diag-post-inner{max-width:960px;margin:0 auto}.diag-post-label{font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:4px;color:var(--gold);margin-bottom:20px}.diag-post-row{display:flex;gap:16px;flex-wrap:wrap}.diag-post-btn-outline{font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:2px;padding:12px 24px;border:1px solid rgba(184,146,42,.4);color:var(--gold);text-decoration:none;transition:all .2s}.diag-post-btn-outline:hover{background:#b8922a14}.diag-post-btn-primary{font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:2px;padding:12px 24px;background:var(--gold);color:var(--espresso);text-decoration:none;transition:all .2s}.diag-post-btn-primary:hover{background:var(--cream)}.cld-wrap{width:100%;display:flex;flex-direction:column;gap:12px}.cld-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cld-examples{display:flex;align-items:center;gap:8px;color:#f5f0e859}.cld-select{background:var(--chocolate);color:var(--cream);border:1px solid rgba(184,146,42,.2);padding:6px 10px;font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;outline:none;appearance:none;border-radius:2px}.cld-select:focus{border-color:#b8922a80}.cld-modes{display:flex;gap:6px}.cld-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f0e80a;border:1px solid rgba(245,240,232,.08);color:#f5f0e88c;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;border-radius:2px}.cld-mode-btn:hover{background:#b8922a0f;border-color:#b8922a40;color:#f5f0e8e6}.cld-mode-active{background:#10b9811f!important;border-color:#10b98166!important;color:#10b981!important}.cld-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#f5f0e84d;min-height:18px;font-style:italic}.cld-canvas-wrap{background:var(--chocolate);border:1px solid rgba(245,240,232,.06);overflow:hidden}.cld-svg{width:100%;height:60vh;min-height:320px;touch-action:none;display:block}.cld-loops{background:var(--chocolate);border:1px solid rgba(245,240,232,.06);padding:20px}.cld-loops-title{font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:3px;color:#f5f0e866;margin-bottom:12px}.cld-loops-empty{font-family:DM Sans,sans-serif;font-size:12px;color:#f5f0e838;font-style:italic}.cld-loops-list{display:flex;flex-direction:column;gap:10px}.cld-loop-row{display:flex;align-items:flex-start;gap:10px}.cld-loop-badge{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:1px}.cld-badge-r{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.cld-badge-b{background:#f973161a;color:#fdba74;border:1px solid rgba(249,115,22,.3)}.cld-loop-path{font-family:DM Sans,sans-serif;font-size:12px;color:#f5f0e873;line-height:1.65;padding-top:4px}.cld-loop-r{color:#6ee7b7}.cld-loop-b{color:#fdba74}@media(max-width:768px){.diag-header,.diag-tool-wrap,.diag-post-ctas{padding:28px 20px}.persp-inner{padding:0 20px}.cld-toolbar{flex-direction:column;align-items:flex-start}.cld-modes{flex-wrap:wrap}.cld-svg{height:50vh}}