
:root{--r101gold:#b7791f;--r101gold2:#dfb95b;--r101ink:#241f18;--r101line:#e7dcc4;--r101muted:#756b5a}.r101app{font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;max-width:1180px;margin:18px auto;color:var(--r101ink)}.r101hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1f1a12,#3b3020);color:#fff;padding:26px;border-radius:22px;box-shadow:0 16px 40px rgba(40,28,8,.16)}.r101hero:after{content:"";position:absolute;width:260px;height:260px;border:34px solid rgba(223,185,91,.13);border-radius:50%;right:-80px;top:-120px}.r101hero small{color:#e8c86f;font-weight:800;letter-spacing:1px}.r101hero h2{margin:7px 0;font-size:30px}.r101hero p{margin:0;color:#f3e9d2}.r101card{background:#fff;border:1px solid var(--r101line);border-radius:20px;padding:22px;margin-top:16px;box-shadow:0 10px 30px rgba(67,50,17,.07)}.r101grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.r101field{display:grid;gap:6px}.r101field label{font-weight:800;font-size:13px}.r101field input,.r101field select,.r101field textarea{width:100%;box-sizing:border-box;border:1px solid #d9c9a7;border-radius:11px;padding:11px;background:#fff}.r101drop{display:grid;place-items:center;text-align:center;padding:30px;border:2px dashed #d9c28f;border-radius:16px;background:#fffaf0;cursor:pointer}.r101drop input{display:none}.r101drop strong{color:#98660e;font-size:18px}.r101btn{border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(180deg,var(--r101gold2),var(--r101gold));color:#fff;font-weight:900;cursor:pointer}.r101btn.alt{background:#fff;color:#735012;border:1px solid #d6bc83}.r101actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.r101status{margin-top:10px;font-size:13px;color:var(--r101muted)}.r101status.err{color:#b42318}.r101status.ok{color:#167548}.r101preview{background:#fff;border:1px solid var(--r101line);border-radius:18px;padding:24px}.r101note{font-size:12px;color:var(--r101muted);margin-top:10px}.r101pill{display:inline-block;border-radius:999px;background:#fbf1d9;color:#865c10;padding:5px 9px;font-weight:800;font-size:11px}@media(max-width:760px){.r101grid{grid-template-columns:1fr}.r101hero h2{font-size:24px}.r101actions{display:grid}.r101btn{width:100%}}

/* v1.1.0 monetization */
.r101membership{max-width:100%;margin:16px 0 18px;background:#fff;border:1px solid #ead7ad;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(80,58,15,.06)}
.r101planbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:2px 2px 14px}.r101planbar b{display:block;color:#2f2616;font-size:15px}.r101planbar small{display:block;margin-top:4px;color:#725d35}.r101usage{font-weight:800;color:#9a6900;background:#fff8e7;border:1px solid #efd59a;border-radius:999px;padding:8px 12px;white-space:nowrap}
.r101plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.r101plans article{border:1px solid #e4dccb;border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:5px}.r101plans article strong{font-size:15px}.r101plans article span{font-size:13px;color:#665c49}.r101plans article.is-premium{border-color:#e1b348;background:#fffbef}.r101plans article.is-business{border-color:#aa7a26;background:linear-gradient(145deg,#fffaf0,#f8ecd1)}.r101plans button,.r101activate button{margin-top:8px;border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#d5a735,#a76c08);color:#fff}
.r101activate{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #eee1c5}.r101activate input{min-width:0;border:1px solid #dacaa8;border-radius:10px;padding:11px 12px}.r101activate span{grid-column:1/-1;font-size:13px;color:#725d35}.r101drop em{display:block;margin-top:7px;font-style:normal;font-size:13px;color:#9a6900;font-weight:700}
@media(max-width:760px){.r101plans{grid-template-columns:1fr}.r101planbar{align-items:flex-start;flex-direction:column}.r101activate{grid-template-columns:1fr}.r101activate button{margin-top:0}.r101activate span{grid-column:auto}.r101usage{white-space:normal}}

/* v1.4.0 PDF-style purchase + OTP recovery */
.r101purchase{margin-top:12px;padding:14px;border:1px solid #e0bb68;border-radius:14px;background:#fffaf0;display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(220px,1.4fr) auto;gap:10px;align-items:end}.r101purchase[hidden]{display:none!important}.r101purchase div{display:flex;flex-direction:column;gap:3px}.r101purchase small{font-size:12px;color:#725b2d}.r101purchase input,.r101activate input{min-height:44px}.r101purchase input{border:1px solid #d7b96e;border-radius:9px;padding:9px 12px;background:#fff}.r101purchase button{min-height:44px;border:0;border-radius:9px;padding:9px 16px;background:linear-gradient(180deg,#f1cf6d,#b9821c);font-weight:800;cursor:pointer}.r101plans button:disabled{opacity:.5;cursor:not-allowed}.r101activate{grid-template-columns:minmax(220px,1fr) auto minmax(260px,1.2fr) auto}.r101activate input[data-recovery-email]{background:#fffdf8}.r101activate input[data-recovery-otp]{max-width:180px}.r101activate button[data-recovery-send-otp],.r101activate button[data-recovery-confirm]{background:linear-gradient(180deg,#d8ad4d,#a97516)}.r101activate button[data-activate]:disabled{opacity:.58;cursor:not-allowed;filter:saturate(.35)}
@media(max-width:900px){.r101purchase{grid-template-columns:1fr}.r101activate{grid-template-columns:1fr 1fr}.r101activate span{grid-column:1/-1}}@media(max-width:620px){.r101activate{grid-template-columns:1fr}.r101activate button{width:100%}.r101activate span{grid-column:auto}}
