.public-preview-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 24px;background:linear-gradient(110deg,#e8f8f4,#f0f9fb);border-bottom:1px solid #d4ebe6;color:#14565a;text-align:left;font-family:'Noto Sans Thai',sans-serif}
.public-preview-notice strong{font-size:14px;font-weight:700}.public-preview-notice p{margin:3px 0 0;font-size:12px;line-height:1.7;color:#567778}.preview-status-dot{width:8px;height:8px;background:#1fa995;border-radius:50%;flex:none;box-shadow:0 0 0 5px #1fa99512}
.header-actions button:disabled,.mobile-nav button:disabled,.product-actions button:disabled,.plan-card button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none;font-family:inherit;pointer-events:auto}
.header-actions button.login-link:disabled,.mobile-nav button:disabled{background:none;border:0;color:inherit;padding:0;font-size:inherit;text-align:left}
.preview-lock-label{display:inline-block;margin-left:8px;font-size:10px;line-height:1.6;white-space:nowrap;border:1px solid currentColor;border-radius:20px;padding:1px 6px;font-weight:500;vertical-align:middle}
.preview-page{min-height:100svh;margin:0;background:#f6faf9;font-family:'Noto Sans Thai',sans-serif;color:#133b3f;display:grid;place-items:center;padding:24px;box-sizing:border-box}.preview-card{width:min(100%,540px);padding:48px 40px;border:1px solid #dcece8;border-radius:28px;background:linear-gradient(145deg,#fff,#eaf8f5);box-shadow:0 20px 70px #114e5110;box-sizing:border-box;text-align:center}.preview-card img{width:64px;height:64px;margin-bottom:24px}.preview-card small{display:block;letter-spacing:.12em;color:#38978b;font-weight:700}.preview-card h1{font-size:clamp(25px,4vw,34px);line-height:1.5;margin:16px 0}.preview-card p{color:#5e797c;line-height:1.9;font-size:15px;margin-bottom:28px}.preview-card a{display:inline-flex;padding:13px 24px;border-radius:12px;background:#0d595e;color:white;text-decoration:none;font-weight:600}.preview-card a:focus-visible{outline:3px solid #25b4a2;outline-offset:4px}
@media(max-width:640px){.public-preview-notice{justify-content:flex-start;padding:14px 20px}.public-preview-notice p{font-size:11px}.header-actions .preview-lock-label{display:none}.preview-card{padding:36px 24px}}