.artifact{width:10rem;min-height:100vh;background-color:#f0f2f5;font-size:.3733333333rem;padding-bottom:16px;border-radius:0 0 8px 8px}@media (min-width: 768px){.artifact{margin:0 auto;width:19.2rem;min-height:100vh;background-color:unset}}.value{white-space:pre-line}.preview-badge{background-color:#f59e0b;position:fixed;right:.1066666667rem;top:.1066666667rem;z-index:999999;padding:.1066666667rem .2133333333rem;border-radius:.1066666667rem;box-shadow:0 1px 2px #0000000d;color:#fff;font-size:.32rem;font-weight:700}.qrcode-container{position:fixed;left:8px;top:8px;display:flex;flex-direction:column;align-items:center;background:#fff;padding:4px;border-radius:8px}.qrcode{width:150px;height:150px;margin-bottom:8px;border-radius:8px}.qrcode-text{font-weight:700;color:var(--text-2, rgba(0, 0, 0, .64));text-align:center;font-size:14px;line-height:22px}.qrcode-text .qd{color:#7c66ff}.bg{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding-bottom:20px}