*,:before,:after{box-sizing:border-box}body{color:#1e293b;background:#f1f5f9;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:#4f46e5}.page{max-width:760px;margin:0 auto;padding:48px 20px 80px}.page>header h1{margin:0 0 4px;font-size:2rem}.page>header p{color:#475569;margin:0}.demo{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:40px;padding:24px 28px;position:relative}.demo h2{margin:0 0 8px;font-size:1.25rem}.demo .hint{color:#64748b;margin:0 0 16px;font-size:.875rem}.row{flex-wrap:wrap;gap:10px;display:flex}.btn{font:inherit;color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500}.btn:hover,.btn:focus-visible{border-color:#6366f1;outline:none}.btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn.danger{color:#b91c1c}.btn.active{box-shadow:0 0 0 3px #c7d2fe}.btn.small{padding:2px 10px;font-size:.75rem}.bubble-title{margin:0;font-size:.875rem;font-weight:600}.bubble-text{color:#475569;margin:2px 0 0;font-size:.8125rem;line-height:1.4}.bubble-actions{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:8px;font-size:.75rem;display:flex}.chart{cursor:crosshair;position:relative}.chart svg{width:100%;height:auto;display:block}.stage{justify-content:center;align-items:center;height:300px;display:flex;position:relative}.placed-stage{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;height:140px;position:relative}.placed-bubble{position:absolute;top:36px;left:48px}.laptop{max-width:100%}.label-bubble{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;padding:10px}.label-bubble.dragging{z-index:31;cursor:grabbing}code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.85em}.anchor-switch label{cursor:pointer;margin-left:8px}footer{color:#64748b;text-align:center;margin-top:40px;font-size:.875rem}