:root{--brand-muted: #6f6f6f;--brand-cream: #efefd2;--brand-border: #dcdcdc}.dev-nav{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 16px;border-bottom:1px solid var(--brand-border);background:#fff;font:14px/1.4 system-ui,sans-serif}.dev-nav a{color:#303030;text-decoration:none}.dev-nav a[aria-current=page]{font-weight:600;text-decoration:underline}.slot-frame{width:100%;max-width:420px;overflow:hidden;border-radius:8px;background:#f1f1f1}.slot-frame img{width:100%;height:100%;object-fit:cover;display:block}.portal-preview{position:relative;width:100%;min-height:120px}.portal-preview-frame{margin:0 auto;overflow:hidden;border:1px solid var(--p-color-border, #e3e3e3);border-radius:12px;background:#fff}.portal-preview-frame iframe{display:block;border:0;transform-origin:0 0}.portal-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffd9}.slot-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font:13px/1.4 system-ui,sans-serif;color:var(--brand-muted);background:var(--brand-cream)}.retention-cell{border-radius:10px;outline:2px solid transparent;outline-offset:2px}.retention-cell[data-selected]{outline-color:#2c6ecb;background:#f2f7fe}.offer-tile{border-radius:10px;outline:2px solid transparent;outline-offset:-1px;display:grid}.offer-tile[data-selected]{outline-color:#2c6ecb}.ruler-sample{display:flex;justify-content:space-between;position:relative;padding-top:4px}.ruler-sample:before{content:"";position:absolute;top:10px;left:6px;right:6px;height:2px;background:#c9cccf}.ruler-point{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:12px;color:#616161}.ruler-dot{width:12px;height:12px;border-radius:50%;border:2px solid #303030;background:#fff}.ruler-point[data-end] .ruler-dot{background:#303030}.ruler-point[data-end] .ruler-label{color:#303030;font-weight:600}.diff-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.diff-side{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px}.diff-side[data-side=before]{background:#fee9e8}.diff-side[data-side=after]{background:#e3f9e9}.diff-tag{font-size:12px;font-weight:600}.diff-side[data-side=before] .diff-tag{color:#8e1f0b}.diff-side[data-side=after] .diff-tag{color:#0c5132}.cell-line{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}