.page-editor-toolbar{position:sticky;top:10px;z-index:30;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel);padding:12px;border:1px solid var(--line);border-radius:10px}.page-editor-toolbar button{padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);cursor:pointer}.page-editor-toolbar label{font-size:11px}.page-editor-toolbar select{padding:6px}.page-editor-workspace{display:grid;grid-template-columns:210px minmax(300px,1fr) 260px;gap:14px;align-items:start}.page-editor-workspace>aside{padding:14px;position:sticky;top:130px;max-height:75vh;overflow:auto}.page-editor-workspace h2{font-size:20px}.page-editor-workspace p{font-size:11px}.page-editor-workspace label{display:block;font-size:12px;margin:12px 0}.page-editor-workspace input,.page-editor-workspace textarea,.page-editor-workspace select{width:100%;box-sizing:border-box}.page-editor-workspace input[type=checkbox]{width:auto}.pe-preview{overflow:auto;background:#d9e3e6;padding:8px;border-radius:8px}#pe-frame{display:block;width:100%;height:76vh;border:0;margin:auto;background:white}.pe-card{padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:8px;cursor:grab;background:var(--panel2);font-size:12px}.pe-card[aria-selected=true]{outline:2px solid #498f88}.pe-card button{font-size:10px;margin:4px 3px 0 0}#pe-add{display:flex;flex-wrap:wrap;gap:5px}#pe-add button{padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text)}@media(max-width:1150px){.page-editor-workspace{grid-template-columns:180px minmax(280px,1fr)}.page-editor-workspace>aside:last-child{grid-column:1/-1;position:static;max-height:none}}@media(max-width:760px){.page-editor-workspace{grid-template-columns:1fr}.page-editor-workspace>aside{position:static;max-height:350px}.page-editor-toolbar{position:static}#pe-frame{height:65vh}}