#preview-notice{height:40px;min-height:40px;display:flex;align-items:center;gap:18px;padding:0 18px;color:#dbeaff;background:#0b233c;font:12px system-ui;box-sizing:border-box}#preview-notice b{font-weight:650;white-space:nowrap}#preview-notice span{flex:1}#preview-notice button{background:transparent;color:#dbeaff;border:1px solid #6886a3;border-radius:5px;padding:5px 9px;cursor:pointer}#preview-notice button:focus-visible{outline:2px solid #60caff;outline-offset:2px}body{display:flex;flex-direction:column}#root{height:calc(100% - 40px)!important;min-height:0;position:relative}#preview-status{position:absolute;top:44px;right:12px;z-index:999999;background:#fff;color:#173149;padding:18px 22px;border:1px solid #c4d5e4;border-radius:10px;width:min(430px,calc(100% - 24px));box-shadow:0 14px 60px #0004;font:14px/1.5 system-ui;box-sizing:border-box}#preview-status p{margin:9px 0}@media(max-width:650px){#preview-notice{gap:8px;padding:0 9px;font-size:11px}#preview-notice span{display:none}#preview-notice button{margin-left:auto}}

#preview-notice #preview-quota{flex:0 0 auto;white-space:nowrap;font-size:11px;color:#a9d5fa}@media(max-width:650px){#preview-notice #preview-quota{display:inline;font-size:10px}#preview-notice b{font-size:10px}#preview-notice button{font-size:10px;padding:5px}}