:root{font-family:system-ui,sans-serif;font-size:14px;color:#111;background:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}h1{margin:0;font-size:20px}h2,h3{margin:0 0 12px;font-size:16px}p{margin:0 0 12px}a{color:inherit}button,input,textarea,select{font:inherit}button,input,textarea,select{border:1px solid #888;border-radius:2px;color:#111;background:#fff;padding:5px 8px}button{cursor:pointer}button:hover:not(:disabled){background:#eee}button:disabled{color:#888;border-color:#ccc;cursor:not-allowed}button[aria-pressed=true],button[data-selected=true]{outline:2px solid #111}:focus-visible{outline:2px solid #111;outline-offset:2px}input,textarea,select{min-width:0;width:100%}input[type=checkbox],input[type=radio]{width:auto}textarea{min-height:80px;resize:vertical}label{min-width:0}form{display:grid;gap:12px}fieldset{margin:0;min-width:0;border:1px solid #bbb;padding:12px}legend{padding:0 4px}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #aaa}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.field{display:grid;gap:5px}.workspace{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;align-items:start;gap:12px;padding:12px}.sections,.canvas,.properties{min-width:0;border:1px solid #aaa;padding:12px}.sections,.properties{display:grid;gap:12px}.section-list{list-style:none;padding:0;margin:0}.section-row{display:flex;align-items:center;gap:3px;padding:4px 0;min-width:0}.section-row button{padding:3px 4px;flex-shrink:0}.section-row button:first-child{cursor:grab}.section-row[data-selected=true]{outline:1px solid #111;outline-offset:2px}.section-row .section-select,.section-row .section-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-preview{min-width:0}.page-preview{display:block;width:100%;height:min(70vh,500px);border:1px solid #bbb;background:#fff}.status,.error,.conflict{margin:12px;padding:10px;border:1px solid #aaa}.error,.conflict{border:2px solid #111}.status p:last-child,.error p:last-child,.conflict p:last-child{margin-bottom:0}.modal{width:min(90vw,420px);padding:16px;border:1px solid #555;color:#111;background:#fff}.modal::backdrop{background:#00000059}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-header h2,.modal .status,.modal .error{margin:0}.site-list{list-style:none;margin:0;padding:0}.site-list li{margin-bottom:8px}.site-list button{width:100%;text-align:left}.properties .field{margin-bottom:12px}.drag-handle{touch-action:none}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}.section-row{max-width:400px}.page-preview{min-height:400px}}