:root{--work-width:min(100vw,600px);--rpx:calc(var(--work-width) / 750);--web-header:52px}*{box-sizing:border-box}html{background:#e9e8e6;overscroll-behavior:none}body{margin:0 auto!important;max-width:600px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f5f5;color:#222;overscroll-behavior:none}#web-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;position:sticky;top:0;z-index:150;border-bottom:1px solid #eee;font-size:15px}#web-header button{font-size:30px;border:0;background:transparent;padding:0 10px;margin:0}#web-header a{font-size:13px;color:#555;text-decoration:none}#app{min-height:calc(100dvh - 52px)}button,input,textarea,select{font:inherit}button{display:block;cursor:pointer;margin-left:auto;margin-right:auto;touch-action:manipulation}button:disabled{cursor:default}input,textarea{max-width:100%;min-width:0}input:not([type=checkbox]):not([type=range]){outline-offset:2px}input[type=checkbox]{width:20px;height:20px;accent-color:#222}img{vertical-align:middle}span{white-space:pre-line}[hidden]{display:none!important}.wx-image{display:block;object-fit:fill}.wx-switch{width:42px!important;height:24px!important;accent-color:#222}.wx-slider{width:100%;accent-color:#222}.wx-picker{position:relative}.wx-picker>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.wx-scroll-view{overflow:auto;overscroll-behavior:contain}.wx-cover-view{position:absolute}.jelly-nav{width:var(--work-width)!important;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:0!important}.jelly-sticky-preview{top:52px!important}#web-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:1000;max-width:85vw;padding:12px 18px;border-radius:12px;background:#222;color:#fff;font-size:14px;box-shadow:0 4px 20px #0003}.boot-status{padding:50px 20px;text-align:center}.web-image-dialog{border:0;padding:12px;max-width:95vw;max-height:95dvh;border-radius:12px}.web-image-dialog img{max-width:85vw;max-height:78dvh;object-fit:contain}.web-image-dialog a{display:inline-block;padding:12px;color:#222}.web-image-dialog::backdrop{background:#0009}#app canvas{max-width:100%}@media(min-width:601px){body{box-shadow:0 0 40px #0001}#web-header{border-radius:0}}

/* The DIY editor preserves its module-map position after photo placement. */
body:has(.diy-page){overflow-anchor:none}