/* Janela da assinatura. */
.modalbg{position:fixed;inset:0;background:rgba(8,14,20,.55);display:grid;place-items:center;z-index:90;padding:16px max(16px,env(safe-area-inset-left,0px))}
.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:min(640px,100%);max-height:100%;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.modal h2{margin:0;font-family:var(--ff-display);font-size:20px}
.tabs{display:flex;gap:6px}
.tabs button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 12px;font-weight:600}
.tabs button[aria-selected="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.pad{width:100%;height:210px;display:block;border-radius:10px;touch-action:none;cursor:crosshair;border:1px dashed var(--muted);background:var(--surface2)}
.baseline{position:relative}
.baseline::after{content:"";position:absolute;left:5%;right:5%;bottom:46px;border-bottom:1px solid var(--line);pointer-events:none}