.pos-demo{position:relative;gap:12px;padding-top:16px}.pos-demo,.pos-demo-card{display:flex;flex-direction:column}.pos-demo-card{width:72%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px 10px;gap:6px}.pos-demo-card.ok{position:relative}.pos-demo-card i{height:7px;border-radius:4px;background:var(--bg-hover);width:70%}.pos-demo-card i.short{width:45%}.pos-demo-badge{position:absolute;top:-8px;right:10px;background:var(--red);color:#fff;font-size:12px;padding:1px 7px;border-radius:99px}.pos-demo-badge.bad{top:0;right:0}.pos-demo-cap{font-size:12px}.pos-demo-cap.ok{color:var(--green)}.pos-demo-cap.bad{color:var(--red)}.pos-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.pos-anat-anchor{position:relative;display:block;width:150px;padding:12px 14px;background:var(--bg);border:1.5px solid var(--brand);border-radius:8px}.pos-anat-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover);margin:4px 0;width:80%}.pos-anat-line.short{width:55%}.pos-anat-el{position:absolute;top:-9px;right:-9px;background:var(--brand);color:#fff;font-size:12px;padding:2px 8px;border-radius:99px}.pos-anat-tag{color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px}.pos-anat-tag,.pos-v-box{display:inline-block;font-size:12px;padding:4px 10px}.pos-v-box{background:var(--brand-light);border:1.5px solid var(--brand);border-radius:6px;color:var(--brand)}.pos-v-ghost{position:absolute;left:0;top:0;width:100%;height:100%;border:1.5px dashed var(--text-3);border-radius:6px}.ctr-demo{display:flex;gap:14px}.ctr-demo-col{display:flex;flex-direction:column;align-items:center;gap:5px}.ctr-demo-box{width:64px;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.ctr-demo-box.flex{display:flex;align-items:center;justify-content:center}.ctr-demo-box.grid{display:grid;place-items:center}.ctr-demo-box.abs{position:relative}.ctr-demo-box.abs .ctr-demo-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ctr-demo-item{width:18px;height:18px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px}.ctr-demo-label{font-size:12px;color:var(--text-3)}.ctr-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.ctr-anat-box{width:110px;height:80px;background:var(--bg);border:1.5px dashed var(--brand);border-radius:8px}.ctr-anat-box,.ctr-anat-item{display:flex;align-items:center;justify-content:center}.ctr-anat-item{width:30px;height:24px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px;font-size:12px;color:var(--brand)}.ctr-anat-axes{display:flex;flex-direction:column;gap:8px}.ctr-anat-axis{display:inline-block;font-size:12px;color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;white-space:nowrap}.ctr-v-item{display:block;width:16px;height:16px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:4px}