.demo-page .app-header{position:static;height:auto;min-height:68px;gap:12px;flex-wrap:wrap}.demo-page .header-actions{margin-left:auto;flex-wrap:wrap}.demo-page .icon-button{text-decoration:none}.demo-notice{position:sticky;top:0;z-index:30;background:#f5ead3;border-bottom:1px solid #d4b977;padding:12px 20px;display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap}.demo-notice strong{color:#143f35}.demo-notice span{font-size:.9rem}.demo-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-actions a{text-decoration:none}.demo-status{color:#143f35;font-size:.9rem;overflow-wrap:anywhere}.demo-page .metadata{display:grid;gap:12px}.demo-page .metadata:not(.open){display:none}.demo-page .metadata textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;background:white}.demo-page .editor-toolbar{top:76px}.demo-page .editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.demo-page .scripture-attribution{display:block;margin-top:10px;font-size:.75rem;white-space:pre-wrap}.demo-page .button:focus-visible,.demo-page .icon-button:focus-visible{outline:3px solid #c18d35;outline-offset:3px}@media(max-width:420px){.demo-page .app-header{padding:12px}.demo-page .header-actions{gap:6px}.demo-page .header-actions .icon-button{font-size:.72rem}.demo-notice{padding:10px 12px;justify-content:flex-start;font-size:.85rem}.demo-page .block-controls{max-width:100%}.demo-page .editor-shell{overflow-wrap:anywhere}}