*{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f5;margin:0}.app-shell{padding:16px}.toolbar{background:#fff;border:1px solid #ddd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:10px 16px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar button{cursor:pointer;background:#fafafa;border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:13px}.toolbar button:hover:not(:disabled){background:#eee}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.toolbar button.primary:hover:not(:disabled){background:#1d4ed8}.save-status{color:#16a34a;min-width:140px;font-size:12px}.load-info{color:#555;margin:4px 0 12px;font-size:13px}.error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.editor-body{align-items:flex-start;gap:24px;display:flex}.canvas-wrapper{background:#d9d9d9;border-radius:4px;padding:24px;overflow:auto}.page-canvas{background:#fff;position:relative;box-shadow:0 2px 8px #00000026}.block-inner{cursor:move;outline:1px dashed #ccc;width:100%;height:100%;overflow:hidden}.block-selected .block-inner{outline:2px solid #2563eb}.inspector{background:#fff;border:1px solid #ddd;border-radius:8px;flex-shrink:0;width:280px;padding:16px;position:sticky;top:16px}.inspector h3{text-transform:uppercase;color:#555;margin-top:0;font-size:14px}.inspector label{margin-bottom:12px;font-size:13px;display:block}.inspector label.checkbox{align-items:center;gap:6px;display:flex}.inspector input[type=text],.inspector input[type=number],.inspector select,.inspector textarea{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:4px;padding:6px 8px;font-size:13px;display:block}.inspector input[type=color]{border:1px solid #ccc;border-radius:4px;width:48px;height:28px;margin-top:4px;padding:0;display:block}.inspector .hint{color:#777;font-size:12px}.inspector button.danger{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;width:100%;margin-top:8px;padding:8px}.inspector button.danger:hover{background:#fecaca}.inspector button.secondary{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;width:100%;margin-bottom:12px;padding:8px;font-size:13px}.inspector button.secondary:hover{background:#e0e7ff}