*{box-sizing:border-box}body{margin:0;background:#080b12;color:#e7e9f1;font:14px/1.6 Arial,'Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{background:#171d2d;border:1px solid #3c435c;padding:9px 11px;border-radius:5px;cursor:pointer}button:hover,button:focus-visible{border-color:#a4a2f1;background:#25283c}button:disabled{opacity:.4;cursor:wait}input,textarea,select{background:#101522;border:1px solid #363e54;width:100%;padding:9px;border-radius:4px}textarea{min-height:85px;resize:vertical}label{display:grid;gap:5px;margin:12px 0;color:#afb8cb;font-size:12px}summary{cursor:pointer;font-size:14px;color:#d7d8ed;padding:16px 0}details{border-bottom:1px solid #293144;padding-bottom:15px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:18px;background:#0d111ceb;border-bottom:1px solid #34394d;padding:14px 20px}header strong{letter-spacing:.1em;font-size:12px}header small{display:block;font-size:8px;color:#8f95ae}.actions{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto;font-size:11px}.accent{background:#4b4888}#save-status{font-size:12px;color:#afb9e8}.studio-grid{display:grid;grid-template-columns:240px minmax(350px,1fr) 280px;height:calc(100vh - 83px)}aside{overflow:auto;padding:0 17px;background:#0d121e}.library{border-right:1px solid #293144}.properties{border-left:1px solid #293144}.workspace{overflow:auto;background:radial-gradient(#242a3d 1px,transparent 1px) 0 0/14px 14px}.view-bar{position:sticky;top:0;z-index:10;display:flex;gap:7px;align-items:center;padding:14px;background:#121728}.view-bar span{flex:1;font-size:12px}.view-bar button{font-size:11px;padding:5px 10px}#canvas-shell{padding:24px;min-height:80vh}#canvas{width:100%;min-height:70vh;margin:auto;box-shadow:0 12px 50px #0008}#canvas-shell[data-view=tablet] #canvas{max-width:768px}#canvas-shell[data-view=mobile] #canvas{max-width:390px}#canvas-shell[data-view=mobile] .cms-image-grid,#canvas-shell[data-view=mobile] .cms-image-left,#canvas-shell[data-view=mobile] .cms-image-right,#canvas-shell[data-view=mobile] .cms-columns{grid-template-columns:1fr}#canvas-shell[data-view=mobile] .cms-page{padding:30px 10px}#canvas-shell[data-view=mobile] .cms-block{max-width:100%!important}#canvas-shell[data-view=mobile] .cms-block h1{font-size:30px}.work-item,.library-block{display:block;width:100%;text-align:left;margin:6px 0;font-size:12px}.work-item.active{border-color:#9ba0ee;background:#2a2b4b}.work-item small{display:block;color:#9ca6bb}.module-actions{display:flex;flex-wrap:wrap;gap:5px}.module-actions button{font-size:11px;padding:5px}.media-item{margin:12px 0;border:1px solid #394055;padding:8px}.media-item img{width:100%;height:110px;object-fit:contain}.media-item button{font-size:10px}.inline-warning{color:#f1c898}dialog{max-width:95vw;width:900px;max-height:90vh;overflow:auto;background:#111724;color:#e7e9f1;border:1px solid #71749f}dialog::backdrop{background:#000b}#preview-dialog{width:1200px}#login{width:min(480px,90vw);margin:12vh auto;padding:30px;border:1px solid #414860;background:linear-gradient(140deg,#1c2138,#0e121e)}#login>span{color:#9ca9c6;font-size:10px;letter-spacing:.15em}#login h1{font-size:25px;font-weight:400}#login p{font-size:12px;color:#b4bdd4}#stats{font-size:11px;color:#98a9c7}.revision{border-top:1px solid #41485c;padding:14px}.cms-page{padding:25px 12px}.cms-block h1{font-size:clamp(26px,3vw,52px)}[hidden]{display:none!important}@media(max-width:1100px){.studio-grid{grid-template-columns:190px minmax(320px,1fr) 230px}.actions{gap:3px}.actions button{padding:6px;font-size:10px}}@media(max-width:760px){.studio-grid{display:flex;flex-direction:column;height:auto}.library,.properties{max-height:45vh;overflow:auto}.workspace{min-height:60vh}.view-bar{position:relative}header{position:relative}#canvas-shell{padding:10px}.cms-page{padding:20px 8px}}
/* Canvas device preview responds to its own width, including on a desktop monitor. */
#canvas-shell{container-type:inline-size}
@container (max-width:600px){#canvas .cms-image-left,#canvas .cms-image-right,#canvas .cms-columns{grid-template-columns:1fr;gap:16px}#canvas .cms-image-right figure{order:0}#canvas .cms-image-grid,#canvas .cms-gallery .cms-image-grid{grid-template-columns:1fr}#canvas .cms-block{max-width:100%!important;padding-inline:8px}#canvas.cms-page{padding:40px 12px}#canvas .cms-block h1{font-size:34px}#canvas .cms-block h2{font-size:min(var(--block-size,24px),36px)}}