/* The panel owns scrolling; the page behind it stays still. */
body.plan-sheet-open{overflow:hidden;overscroll-behavior:none}
#upPanel{inset:0;height:100vh;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:0!important;align-items:stretch;overflow:hidden}
#upPanel .up-sheet{display:flex;flex-direction:column;min-height:0;max-height:100%;width:min(460px,100%);overflow:hidden;box-sizing:border-box}
#upPanel .up-head{flex:none;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;gap:8px}
#upPanel .up-head .up-tag{letter-spacing:0;font-size:12px}
#upPanel #upClose{flex:none;width:44px;height:44px;border:1px solid var(--hair);border-radius:50%;background:#fff;color:var(--ink);font-size:22px;cursor:pointer}
#upPanel .up-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;padding:20px 22px calc(24px + env(safe-area-inset-bottom,0px))}
#upPanel [data-plan-card]{scroll-margin-top:16px}
#upPanel [data-plan-recommendation][hidden]{display:none}
.free-plan-guidance{margin:20px 0 4px;padding:18px 20px;border:1px solid var(--hair);border-radius:14px;background:#f6f8ff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.free-plan-guidance[hidden]{display:none!important}
.free-plan-guidance strong{font-size:15px;display:block}
.free-plan-guidance p{font-size:13px;line-height:1.5;color:var(--muted);margin:5px 0 0}
.free-plan-guidance .free-plan-actions{display:flex;gap:8px;flex-wrap:wrap}
.free-plan-actions button{min-height:44px;border:1px solid var(--cobalt);border-radius:10px;padding:10px 16px;background:white;color:var(--cobalt);font:600 13px Inter,sans-serif;cursor:pointer}
.free-plan-actions button.primary{background:var(--cobalt);color:white}
.free-plan-actions button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
@media(max-width:480px){.free-plan-guidance{padding:16px}.free-plan-actions{width:100%}.free-plan-actions button{flex:1}#upPanel .up-body{padding-left:16px;padding-right:16px}#upPanel .up-head b{font-size:12px}}

#currentDesign:not([hidden]) + .free-plan-guidance{display:none}
[data-free-count-label] > span{display:inline-block}
[data-free-count-label] > span::first-letter{text-transform:uppercase}