.subscription-modal{width:min(760px,100%);max-width:760px}.subscription-modal .modal-head{position:sticky;top:0;z-index:50;background:var(--paper,#fff);flex-shrink:0}.subscription-body{padding:4px 0 10px}.subscription-intro{font-size:12px;color:var(--muted);line-height:1.7}.subscription-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:20px;border:1px solid #dfe6d8;border-radius:15px;background:#f5f8f1}.subscription-status h3{font:400 23px Georgia,serif;margin:0 0 7px}.subscription-status p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.subscription-badge{font-size:10px;white-space:nowrap;background:#e6eedf;color:#53634a;padding:6px 10px;border-radius:20px}.subscription-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.subscription-metrics>div{border:1px solid var(--line);padding:13px;border-radius:11px}.subscription-metrics small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.subscription-metrics strong{font-size:13px}.subscription-plan-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subscription-plan-option{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.subscription-plan-option[aria-pressed=true]{border-color:#7f936f;background:#f5f8f1;box-shadow:0 0 0 1px #7f936f}.subscription-plan-option small{display:block;font-size:10px;color:var(--muted);line-height:1.6}.subscription-plan-option b{display:block;font:400 29px Georgia,serif;margin:9px 0}.subscription-plan-option span{font-size:12px;font-weight:600}.subscription-rule{font-size:11px;line-height:1.7;color:var(--muted);margin:15px 0}.subscription-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.subscription-history{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.subscription-history h3{font-size:13px}.subscription-history-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px solid var(--line);padding:11px 0}.subscription-notice{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:11px;line-height:1.7;color:var(--muted);margin:15px 0}.subscription-cancel{padding:16px;border:1px solid #ebdcd7;border-radius:12px;margin-top:15px;background:#fff9f7}.subscription-cancel p{font-size:12px;line-height:1.7}.subscription-demo-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;border-top:1px dashed var(--line);padding-top:15px}.subscription-demo-controls button{font-size:10px}.subscription-message{font-size:12px;line-height:1.7;margin-top:12px;color:var(--muted)}@media(max-width:620px){.subscription-metrics{grid-template-columns:1fr}.subscription-plan-options{grid-template-columns:1fr}.subscription-status{align-items:flex-start}.subscription-status h3{font-size:20px}}

.subscription-readonly-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff4e4;color:#675133;border-bottom:1px solid #e7dbc8;font-size:13px}.subscription-readonly-notice[hidden]{display:none}