body[data-mode="preview"] #local-tools-root { display: none !important; }
.public-note { display: flex; align-items: flex-start; gap: 9px; padding: 14px 15px; background: #eef3dc; border: 1px solid #cbd9b4; border-radius: 13px; font-size: 10px; color: #74845d; line-height: 1.9; margin-top: 18px; }
.public-note svg { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; }
.public-account-art { height: 90px; width: 80px; object-fit: contain; }
.public-feature-card { padding: 28px 23px; background: #fffbe9; border: 1.5px solid #b8c99d; border-radius: 20px; text-align: center; }
.public-feature-icon { display: grid; place-items: center; margin: 0 auto 19px; height: 67px; width: 67px; background: #e4edc8; border: 2px solid #6f8957; border-radius: 22px; box-shadow: 0 4px 0 #c3d29f; }
.public-feature-icon svg { height: 29px; width: 29px; color: #607d48; }
.public-feature-card h2 { font-size: 22px; line-height: 1.5; color: #36553c; margin: 16px 0 13px; }
.public-feature-card p { font-size: 11px; line-height: 2; color: #81916b; margin: 0; }
.public-feature-card > .button { margin-top: 23px; min-height: 44px; }
.public-feature-rule { display: flex; gap: 8px; align-items: flex-start; font-size: 10px; line-height: 1.9; color: #84956e; text-align: left; border-top: 1px dashed #d2ddbb; margin-top: 23px; padding-top: 16px; }
.public-feature-rule svg { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; }
.public-payment-status { text-align: left; display: grid; gap: 0; margin-top: 23px; padding: 7px 14px; background: #f1f5df; border-radius: 13px; }
.public-payment-status > div { display: flex; align-items: center; gap: 8px; min-height: 47px; color: #7a8e60; font-size: 10px; }
.public-payment-status > div + div { border-top: 1px solid #dce5c7; }
.public-payment-status svg { width: 16px; height: 16px; flex-shrink: 0; }
.public-payment-status strong { margin-left: auto; color: #a29366; font-size: 10px; font-weight: 500; white-space: nowrap; }
.public-theme { background: #fffbe9; border: 1.5px solid #bdcca6; border-radius: 18px; overflow: hidden; }
.mixin-device .public-theme .theme-picture { height: 190px; }
.public-theme-copy { padding: 20px; }
.public-theme h3 { color: #37563d; font-size: 18px; margin: 13px 0 8px; }
.public-theme p { color: #859370; font-size: 11px; line-height: 1.9; margin-bottom: 16px; }
body[data-mode="preview"] .coin-button strong { font-size: 9px !important; }
@media (max-width: 760px) {
  body[data-mode="preview"] .mixin-preview-layout { padding-top: 0; }
  body[data-mode="preview"] .mixin-device { height: 100dvh; }
}
@media (max-width: 360px) {
  .public-feature-card { padding: 24px 18px; }
  .public-feature-card h2 { font-size: 19px; }
  .public-payment-status { padding-left: 10px; padding-right: 10px; }
  .public-payment-status > div { font-size: 9px; gap: 6px; }
  .public-payment-status strong { font-size: 9px; }
}