.v28-light-stage{background:#f4f8fb !important}
.v28-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.v28-pill-row span{display:inline-flex;align-items:center;padding:.34rem .62rem;border-radius:999px;background:#e8f7f4;color:#0f766e;font-size:.72rem;font-weight:800;border:1px solid #b7ece2}
.v28-preview-grid{gap:16px}.v28-canvas-card{background:#fff;border:1px solid #d7e3ea;border-radius:18px;padding:12px;box-shadow:0 12px 30px rgba(15,35,62,.06)}
.v28-canvas-card figcaption{display:inline-flex;align-self:flex-start;margin:0 0 10px;padding:.34rem .55rem;border-radius:999px;background:#10243d;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.v28-canvas-card .lab-canvas-wrap{min-height:350px}
.v28-compare-panel{margin-top:16px;background:#fff;border:1px solid #d7e3ea;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(15,35,62,.06)}
.v28-compare-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.v28-compare-head strong{color:#10243d}.v28-compare-head span{font-size:.8rem;color:#66788a}
.v28-compare-stage{position:relative;min-height:380px;border-radius:16px;overflow:auto;border:1px solid #d7e3ea;background:#fff;background-image:linear-gradient(45deg,#e7eef3 25%,transparent 25%),linear-gradient(-45deg,#e7eef3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7eef3 75%),linear-gradient(-45deg,transparent 75%,#e7eef3 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.v28-compare-stage canvas{display:block;max-width:100%;height:auto;box-shadow:0 16px 38px rgba(15,35,62,.14);background:#fff}
.v28-compare-overlay{position:absolute;left:0;top:0;bottom:0;overflow:hidden;border-right:2px solid #14b8a6;pointer-events:none}.v28-compare-overlay canvas{max-width:none}
.v28-compare-handle{position:absolute;top:0;bottom:0;width:2px;background:#14b8a6;pointer-events:none;box-shadow:0 0 0 4px rgba(20,184,166,.08)}
.v28-compare-handle:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:#14b8a6;border:3px solid #fff;box-shadow:0 10px 22px rgba(15,35,62,.18)}
.v28-split-label{position:absolute;top:12px;z-index:2;padding:.28rem .5rem;border-radius:999px;background:rgba(16,36,61,.84);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.03em}.v28-split-label.before{left:12px}.v28-split-label.after{right:12px}
.v28-compare-range{width:100%;margin-top:12px}
@media(max-width:900px){.v28-canvas-card .lab-canvas-wrap,.v28-compare-stage{min-height:260px}.v28-compare-head{align-items:flex-start}}