/* GM Studio Editor — central administrative colour and geometry system. */
:root {
  --admin-background:#a7a7a2; --admin-foreground:#111111;
  --admin-control-surface:#9f9f9a; --admin-control-hover:#797976; --admin-control-active:#111111;
  --admin-success:#39744d; --admin-warning:#8a5e2f; --admin-error:#7c3f3f; --admin-panel-shadow:#111111;
  --admin-muted:color-mix(in srgb,var(--admin-foreground) 58%,var(--admin-background));
  --admin-hairline:color-mix(in srgb,var(--admin-foreground) 18%,var(--admin-background));
  --admin-shadow:color-mix(in srgb,var(--admin-panel-shadow) 18%,transparent);
  --admin-shadow-drag:color-mix(in srgb,var(--admin-panel-shadow) 26%,transparent);
  --admin-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --instrument-size:44px; --topbar-height:var(--instrument-size); --rightbar-width:var(--instrument-size);
  --panel-width:350px; --range-track-size:3px; --range-thumb-width:12px; --range-thumb-height:17px;
  --site-background:#e9e7e0; --site-ink:#171717; --site-accent:#c7c5bd;
}
*{box-sizing:border-box} html,body,#app{height:100%;margin:0} body{overflow:hidden;font-family:var(--admin-font);color:var(--admin-foreground)}
button,input,select,textarea{font:inherit;color:inherit;border:0;border-radius:3px;background:var(--admin-control-surface);transition:background 140ms ease,color 140ms ease}button{cursor:pointer;padding:6px 8px}button:hover:not(:disabled),select:hover,input:hover,textarea:hover{background:var(--admin-control-hover)}button:disabled{opacity:.32;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--admin-foreground);outline-offset:1px}input:focus,select:focus,textarea:focus{background:var(--admin-control-surface);box-shadow:inset 0 -2px var(--admin-foreground)}
.icon{display:block;width:18px;height:18px}.editor-shell{height:100%;background:var(--admin-background)}
.topbar{position:relative;z-index:14;display:flex;flex-wrap:wrap;align-items:flex-start;width:calc(100% - var(--instrument-size));min-height:var(--instrument-size);background:var(--admin-background)}.toolbar-left,.toolbar-right{display:flex;flex-wrap:wrap;align-items:center}.toolbar-left{flex:1}.toolbar-right{margin-left:auto}.tool-group{display:flex;align-items:center;gap:4px;height:var(--instrument-size);min-height:var(--instrument-size);padding:4px}.toolbar-left>.tool-group+ .tool-group,.toolbar-right>.tool-group{margin-left:4px}.toolbar-left>.history-tools,.toolbar-left>.user-group,.toolbar-right>.page-tools{margin-left:8px}.circle-tool{position:relative;display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:8px;border:0;border-radius:4px;background:var(--admin-control-surface)}.circle-tool:hover:not(:disabled){background:var(--admin-control-hover)}.circle-tool.active{background:var(--admin-control-active);color:var(--admin-background)}.icon-disc{display:grid;place-items:center}.letter-icon{font-size:17px;line-height:1;font-weight:800}.user-group{gap:2px;padding-left:8px}.user-group>span{display:flex;align-items:center;padding:0 2px;font-size:12px;white-space:nowrap}.user-group strong{margin-left:4px}.contextual select,#style-select{appearance:none;-webkit-appearance:none;width:auto;min-width:112px;height:30px;padding:0 26px 0 9px;font-size:12px;font-weight:600;background-color:var(--admin-control-surface);background-image:linear-gradient(45deg,transparent 50%,var(--admin-foreground) 50%),linear-gradient(135deg,var(--admin-foreground) 50%,transparent 50%);background-position:calc(100% - 11px) 12px,calc(100% - 7px) 12px;background-size:4px 4px;background-repeat:no-repeat}.page-tools{gap:4px}.page-menu-tool{position:relative;display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 0;background:transparent;font-size:12px;white-space:nowrap}.page-menu-tool .icon-disc{width:36px;height:36px;border-radius:4px;background:var(--admin-control-surface)}.page-menu-tool:hover{background:transparent}.page-menu-tool:hover .icon-disc{background:var(--admin-control-hover)}.page-menu-tool.active{color:var(--admin-foreground);background:transparent}.page-menu-tool.active .icon-disc{color:var(--admin-background);background:var(--admin-control-active)}
.devices{gap:2px;height:36px;min-height:36px;margin:4px;padding:2px;background:var(--admin-control-surface);border-radius:4px}.devices .circle-tool{width:31px;height:32px;min-width:31px;padding:6px 4px;background:transparent}.devices .circle-tool:hover:not(:disabled){background:var(--admin-control-hover)}.devices .circle-tool.active{background:var(--admin-control-active)}
.tooltip{position:absolute;z-index:999;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:max-content;max-width:170px;padding:4px 6px;border-radius:2px;background:var(--admin-control-active);color:var(--admin-background);box-shadow:2px 4px 12px var(--admin-shadow);font-size:10px;font-weight:500;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 120ms ease 100ms}.circle-tool:hover .tooltip,.circle-tool:focus-visible .tooltip{opacity:1;visibility:visible}
.rightbar{position:fixed;z-index:11;right:0;top:0;display:flex;flex-direction:column;align-items:center;width:var(--instrument-size);height:100%;padding:4px;gap:4px;background:var(--admin-background)}.rightbar .circle-tool{flex:0 0 36px;width:36px;height:36px}.rightbar .tooltip{top:50%;left:auto;right:calc(100% + 7px);transform:translateY(-50%)}.right-spacer{flex:1}
.stage{position:absolute;inset:var(--topbar-height) var(--instrument-size) 0 0;overflow:auto;background:var(--site-background);color:var(--site-ink)}.canvas-frame{min-height:100%;display:flex;justify-content:center;align-items:flex-start}.page-canvas{width:100%}.block{position:relative;margin:0 0 20px}.block,.block:hover,.block.selected{outline:0}.text-block{min-height:1em}.divider hr{border:0;border-top:1px solid}.site-button{color:var(--site-ink);background:var(--site-accent);padding:12px 18px}.columns{display:grid;gap:12px}.column-container{min-width:0;padding:14px}.column-container p{min-height:1.3em;margin:0 0 8px;outline:0}.caret-boundary{position:relative;z-index:2;display:block;width:100%;height:14px;margin:-7px 0;border:0;padding:0;background:transparent;cursor:text}.caret-boundary span{position:absolute;left:1px;top:0;width:1px;height:14px;background:transparent}.caret-boundary:hover span,.caret-boundary:focus span{background:var(--admin-foreground);animation:caret 1s steps(2) infinite}@keyframes caret{50%{opacity:.3}}.insertion-marker{display:none!important}.canvas-frame.mobile{min-width:500px;min-height:100%;padding:30px;align-items:center;background:color-mix(in srgb,var(--admin-foreground) 55%,var(--admin-background))}.mobile .page-canvas{flex:0 0 var(--phone-w);height:var(--phone-h);overflow:auto;border-radius:20px;transform:scale(var(--phone-scale));transform-origin:center center;box-shadow:0 0 0 7px var(--admin-foreground)}
.panel-layer{position:fixed;inset:0;pointer-events:none;z-index:20}.floating-panel{position:absolute;pointer-events:auto;width:min(var(--panel-width),calc(100vw - 58px));max-height:calc(100vh - 16px);overflow:hidden;border:0;outline:0!important;border-radius:4px;background:var(--admin-background);box-shadow:4px 8px 28px var(--admin-shadow);will-change:left,top}.floating-panel:focus,.floating-panel:focus-visible{outline:0!important}.floating-panel.dragging{user-select:none;box-shadow:6px 12px 36px var(--admin-shadow-drag)}.persistent-panel{z-index:18}.panel-handle{height:36px;display:flex;justify-content:space-between;align-items:center;padding-left:12px;border-bottom:1px solid var(--admin-hairline);cursor:move;touch-action:none;user-select:none}.panel-handle h2{margin:0;font-size:13px;font-weight:750;letter-spacing:.02em}.panel-close{align-self:stretch;padding:8px;background:transparent}.panel-body{display:grid;gap:8px;max-height:calc(100vh - 52px);overflow:auto;padding:12px;background:var(--admin-background)}.panel-body h3{margin:8px 0 0;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.panel-body label{display:grid;gap:4px;font-size:11px}.panel-body input:not([type=checkbox]):not([type=range]),.panel-body select,.panel-body textarea{width:100%;padding:6px}.panel-body select{appearance:none;-webkit-appearance:none}.panel-body textarea{min-height:72px;resize:vertical}.panel-body .check{display:flex;align-items:center;gap:7px}.panel-body input[type=checkbox]{appearance:none;width:16px;height:16px;display:grid;place-content:center;padding:0}.panel-body input[type=checkbox]:checked{background:var(--admin-control-active)}.panel-body input[type=checkbox]:checked:after{content:"";width:6px;height:9px;border:solid var(--admin-background);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.button-row,.align-menu{display:flex;flex-wrap:wrap;gap:4px}.button-row>*{flex:1}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.toggle-grid button{display:flex;align-items:center;text-align:left;font-size:11px;font-weight:650}.align-menu button{flex:1;display:grid;justify-items:center;gap:4px}.panel-actions{margin:8px -12px -12px;padding:10px 12px;border-top:1px solid var(--admin-hairline)}.panel-save{width:100%}.panel-save.success:not(:disabled),button.success:not(:disabled){background:var(--admin-success)}button.warning:not(:disabled){background:var(--admin-warning)}.prototype-note{margin:0;padding-top:6px;border-top:1px solid var(--admin-hairline);font-size:10px;line-height:1.4;color:var(--admin-muted)}
.registry-list,.page-list{display:grid;gap:6px}.registry-list>button{display:flex;justify-content:space-between}.record{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--admin-hairline)}.record span{font-size:11px}.selector-head{display:grid;grid-template-columns:1fr auto;gap:4px}.registry-menu,.page-context,.pages-add-menu{display:grid;background:var(--admin-control-surface);box-shadow:3px 5px 15px var(--admin-shadow)}.registry-menu button,.page-context button,.pages-add-menu button{border-bottom:1px solid var(--admin-hairline);text-align:left}.registry-menu button:last-child{border-bottom:0}.page-context[hidden],.pages-add-menu[hidden]{display:none}.protected-note{height:13px;margin:0;font-size:9px;text-transform:uppercase;color:var(--admin-muted)}.page-row{display:grid;grid-template-columns:18px 1fr auto 30px;gap:3px;align-items:center;min-height:32px;padding:2px}.page-title{border:0;text-align:left;background:transparent;font-size:11px}.current-dot{width:7px;height:7px;border:1px solid var(--admin-foreground);border-radius:50%;margin:auto}.page-row.active .current-dot{background:var(--admin-foreground)}.page-status{display:flex;gap:3px}.page-status .icon{width:13px}.page-more{opacity:0}.page-row:hover .page-more,.page-more:focus{opacity:1}.page-children{grid-column:2/-1;margin-left:12px;padding-left:6px;border-left:1px solid var(--admin-hairline)}.drag{cursor:grab;display:grid;place-items:center}.empty-state,.mini-preview,.button-preview{min-height:80px;padding:10px;background:var(--admin-control-surface)}.button-preview{display:grid;place-items:center}.colour-swatch{height:72px}.range-row{display:grid;grid-template-columns:1fr 45px;gap:7px;align-items:center}.range-row output,.hsl-value{padding:3px 4px;border-radius:3px;background:var(--admin-control-surface);font:10px ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;text-align:right}.toast{position:fixed;z-index:100;bottom:12px;left:50%;transform:translate(-50%,18px);padding:7px 11px;border-radius:2px;background:var(--admin-control-active);color:var(--admin-background);opacity:0;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}details{padding:7px 0;border-top:1px solid var(--admin-hairline)}summary{cursor:pointer;font-size:11px;font-weight:650}
input[type=range].range{appearance:none;-webkit-appearance:none;width:100%;height:var(--range-thumb-height);border:0;background:transparent}input.range::-webkit-slider-runnable-track{height:var(--range-track-size);background:var(--admin-control-hover)}input.range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-width);height:var(--range-thumb-height);margin-top:calc((var(--range-track-size) - var(--range-thumb-height))/2);border:0;background:var(--admin-foreground)}input.range::-moz-range-track{height:var(--range-track-size);background:var(--admin-control-hover)}input.range::-moz-range-progress{height:var(--range-track-size);background:var(--admin-foreground)}input.range::-moz-range-thumb{width:var(--range-thumb-width);height:var(--range-thumb-height);border:0;border-radius:0;background:var(--admin-foreground)}input.range[data-key="colour-h"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}input.range[data-key="colour-s"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--admin-muted),var(--site-accent))}input.range[data-key="colour-l"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--admin-foreground),var(--site-accent),var(--admin-background))}
.preview-exit{position:fixed;z-index:50;right:12px;top:12px;padding:8px 12px;background:var(--admin-control-active);color:var(--admin-background)}.preview-mode .topbar,.preview-mode .rightbar,.preview-mode .preview-mode .panel-layer,.preview-mode .caret-boundary{display:none}.preview-mode .stage{inset:0}.preview-mode .preview-exit{display:block}
.tree-drop-line{height:7px;margin:-3px 0;position:relative}.tree-drop-line.drag-over:after{content:"";position:absolute;left:4px;right:4px;top:3px;border-top:2px solid var(--admin-foreground)}.set-row{grid-template-columns:22px 18px 1fr auto 30px}.set-row.drag-over,.drop-target{outline:2px solid var(--admin-foreground);outline-offset:2px}.set-disclosure{min-width:20px;padding:0}.pages-head{display:flex;justify-content:flex-end}.home-sub{display:grid;padding-left:10px}
@media(max-width:980px){.toolbar-right{margin-left:0}.topbar{align-content:flex-start}.stage{min-width:600px}}@media(max-width:650px){.user-group>span{font-size:10px}.stage{min-width:540px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Interaction refinement pass 2 */
:root{--instrument-size:38px;--control-size:30px;--admin-success:#fff;--admin-warning:#111;--admin-error:#111;--admin-chrome-shadow:color-mix(in srgb,var(--admin-panel-shadow) 9%,transparent)}
.circle-tool{width:var(--control-size);height:var(--control-size);min-width:var(--control-size);padding:6px}
.circle-tool:disabled{opacity:1;background:var(--admin-control-surface);color:var(--admin-muted)}
.rightbar .circle-tool{flex-basis:var(--control-size);width:var(--control-size);height:var(--control-size)}
.devices{height:var(--control-size);min-height:var(--control-size);padding:0;gap:0}.devices .circle-tool{height:var(--control-size);width:28px;min-width:28px}.devices .icon{width:21px;height:21px}
.user-group{height:var(--control-size);min-height:var(--control-size);padding:0 5px 0 0;background:var(--admin-control-surface);border-radius:3px;flex-direction:row-reverse}.user-group .circle-tool{background:transparent}.user-group:hover .circle-tool{background:var(--admin-control-hover)}.user-group .circle-tool.active{background:var(--admin-control-active)}
.page-menu-tool{height:var(--control-size);background:var(--admin-control-surface);padding-right:8px}.page-menu-tool .icon-disc{width:var(--control-size);height:var(--control-size)}

.icon{width:17px;height:17px}.caret-boundary{display:none}.columns{gap:var(--columns-gutter,0px)}.columns:hover .column-container,.columns.selected .column-container{outline:1px dashed color-mix(in srgb,var(--site-ink) 32%,transparent);outline-offset:-1px}.columns-toolbar{position:absolute;z-index:2;right:0;top:-28px;display:none;gap:2px;padding:2px;background:var(--admin-background);font:600 10px var(--admin-font)}.columns:hover .columns-toolbar,.columns.selected .columns-toolbar{display:flex}.columns-toolbar button{min-width:24px;padding:3px}
.panel-handle h2,.panel-body h3,summary{font-weight:800;text-transform:uppercase}.panel-body{gap:12px}.panel-body label{gap:7px}.panel-body label,.range-row output,.hsl-value{font-family:ui-monospace,SFMono-Regular,monospace}.colour-swatch{border:1px solid var(--admin-hairline);border-radius:3px}.page-more{opacity:1;width:30px;height:30px;padding:5px}.page-more .icon{color:var(--admin-foreground)}
.panel-save.success:not(:disabled),button.success:not(:disabled){background:#fff;color:#111}button.warning:not(:disabled){background:#111;color:var(--admin-background)}
input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.file-picker{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;background:var(--admin-control-active);color:var(--admin-background);cursor:pointer}
.disclosure{border-top:1px solid var(--admin-hairline)}.disclosure>summary{list-style:none;display:flex;gap:7px;align-items:center}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:'›';font-size:17px}.disclosure[open]>summary:before{transform:rotate(90deg)}
.format-symbol{display:inline-grid;place-items:center;width:23px;margin-right:6px;font-weight:800}.format-italic{font-style:italic}.format-uppercase,.format-lowercase{letter-spacing:-2px}.page-rename{width:100%;min-width:0;height:26px;padding:3px 5px}.pages-head{justify-content:stretch;gap:4px}.pages-head button{flex:1;font-size:10px;font-weight:700}.panel-body [data-page-html]{min-height:280px;aspect-ratio:1/1}

/* GM Admin Design System primitives: all editor chrome consumes these roles. */
:root{
 --admin-heading-font-family:system-ui,sans-serif;--admin-heading-font-size:13px;--admin-heading-font-weight:800;--admin-heading-line-height:1.2;--admin-heading-letter-spacing:.02em;--admin-heading-text-transform:uppercase;
 --admin-button-font-family:system-ui,sans-serif;--admin-button-font-size:12px;--admin-button-font-weight:700;--admin-button-line-height:1.2;--admin-button-letter-spacing:0;--admin-button-text-transform:none;
 --admin-technical-font-family:ui-monospace,monospace;--admin-technical-font-size:11px;--admin-technical-font-weight:400;--admin-technical-line-height:1.5;--admin-technical-letter-spacing:0;--admin-technical-text-transform:none;
 --admin-note-font-family:ui-monospace,monospace;--admin-note-font-size:10px;--admin-note-font-weight:400;--admin-note-line-height:1.4;--admin-note-letter-spacing:0;--admin-note-text-transform:none;
 --admin-panel-padding:12px;--admin-section-gap:12px;--admin-control-gap:4px;--admin-label-gap:8px;--admin-control-radius:3px;--admin-panel-radius:4px;--admin-divider-thickness:1px;--admin-icon-size:17px;--admin-tooltip-radius:2px;
 --admin-control-disabled:var(--admin-control-surface);--admin-panel-surface:var(--admin-background);--admin-divider:var(--admin-hairline);--admin-panel-section-space:var(--admin-section-gap)
}
.admin-icon-button,.circle-tool{border-radius:var(--admin-control-radius)}
button,.admin-text-button,.admin-compound-button,.panel-body input:not([type=range]):not([type=checkbox]),.admin-select{font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);line-height:var(--admin-button-line-height);letter-spacing:var(--admin-button-letter-spacing);text-transform:var(--admin-button-text-transform)}
.panel-handle h2,.panel-body h3,.disclosure>summary{font-family:var(--admin-heading-font-family);font-size:var(--admin-heading-font-size);font-weight:var(--admin-heading-font-weight);line-height:var(--admin-heading-line-height);letter-spacing:var(--admin-heading-letter-spacing);text-transform:var(--admin-heading-text-transform)}
.panel-body label,.range-row output,.hsl-value{font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing);text-transform:var(--admin-technical-text-transform)}
.prototype-note{font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size);font-weight:var(--admin-note-font-weight);line-height:var(--admin-note-line-height);letter-spacing:var(--admin-note-letter-spacing);text-transform:var(--admin-note-text-transform);color:var(--admin-muted)}
.panel-body{gap:var(--admin-section-gap);padding:var(--admin-panel-padding)}.panel-body label{gap:var(--admin-label-gap);padding-block:calc(var(--admin-control-gap)/2)}
input:focus,select:focus,textarea:focus{box-shadow:none;outline:1px solid var(--admin-foreground);outline-offset:0}
.prototype-note,.disclosure,details,.panel-actions{margin-inline:calc(-1 * var(--admin-panel-padding));padding-inline:var(--admin-panel-padding);border-color:var(--admin-divider);border-width:var(--admin-divider-thickness)}
.disclosure[open]>summary{margin-bottom:var(--admin-section-gap)}
.disclosure>summary:before{display:none}.disclosure>summary>.icon,.set-disclosure>.icon,.admin-select [data-registry-trigger]>.compound-symbol>.icon,.admin-select [data-custom-trigger]>.compound-symbol>.icon{width:var(--admin-icon-size);height:var(--admin-icon-size);transition:transform 120ms ease}.disclosure[open]>summary>.icon,.set-disclosure[aria-expanded=true]>.icon,.admin-select.open>[data-registry-trigger]>.compound-symbol>.icon,.admin-select.open>[data-custom-trigger]>.compound-symbol>.icon{transform:rotate(90deg)}.admin-select-menu .compound-symbol>.icon{transform:none}
.user-group{flex-direction:row;height:var(--control-size);gap:5px;padding:0 7px 0 0}.user-group>.icon-disc{width:var(--control-size);height:var(--control-size);border-radius:var(--admin-control-radius)}.user-group:hover>.icon-disc{background:var(--admin-control-hover)}.user-group.active>.icon-disc{background:var(--admin-control-active);color:var(--admin-background)}
.editing-tools{gap:var(--admin-control-gap)}.editing-tools .circle-tool{margin:0}
.page-menu-tool:hover,.page-menu-tool.active{background:var(--admin-control-surface)}


.colour-swatch{border-radius:var(--admin-panel-radius)}
.admin-select{position:relative}.admin-select>button{display:flex;align-items:center;gap:var(--admin-control-gap);height:var(--control-size)}.admin-select-menu{position:absolute;z-index:40;top:100%;left:0;display:grid;min-width:100%;padding:var(--admin-control-gap);background:var(--admin-panel-surface);box-shadow:4px 8px 28px var(--admin-shadow)}.admin-select-menu[hidden]{display:none}.admin-select-menu button{text-align:left;white-space:nowrap}.admin-select.disabled{color:var(--admin-muted);pointer-events:none}
.columns{padding-top:8px}.columns-toolbar{top:-24px;padding-bottom:8px}.columns.selected .columns-toolbar{display:flex}.preview-mode .columns-toolbar,.preview-mode .columns .column-container{display:none;outline:0}
.column-resizer{width:8px;margin-inline:-4px;cursor:col-resize;z-index:3}
.colour-technical-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--admin-control-gap)}.colour-technical-row label{min-width:0}.colour-technical-row input,.colour-technical-row output{width:100%;min-height:28px}
.columns{position:relative}.columns.resizing .column-container{outline:1px dashed var(--admin-foreground)}.column-resizer{position:absolute;top:0;bottom:0;display:none}.columns:hover .column-resizer,.columns.selected .column-resizer,.columns.resizing .column-resizer{display:block}
.format-bold{font-weight:950}.format-underline{text-decoration:underline;text-decoration-thickness:3px}.format-strike{text-decoration:line-through;text-decoration-thickness:3px}
.state-summary strong{font:var(--admin-button-font-weight) var(--admin-button-font-size)/var(--admin-button-line-height) var(--admin-button-font-family)}

.format-symbol{width:var(--control-size);height:var(--control-size);margin:0;display:grid;place-items:center;border-radius:var(--admin-control-radius)}.format-symbol .icon{width:var(--admin-icon-size);height:var(--admin-icon-size)}.toggle-grid{grid-template-columns:1fr}.toggle-grid>button{padding:0 8px 0 0;gap:var(--admin-control-gap);background:var(--admin-control-surface)}.toggle-grid>button:hover{background:var(--admin-control-surface)}.toggle-grid>button:hover .format-symbol,.toggle-grid>button.active .format-symbol{background:var(--admin-control-hover)}.toggle-grid>button.active .format-symbol{color:var(--admin-background);background:var(--admin-control-active)}
.registry-selector{width:100%}.registry-selector>button{width:100%;background:var(--admin-control-surface)}.registry-selector>button .icon-disc,.registry-selector>button>.icon{flex:none}.registry-selector .admin-select-menu{right:0}
.symbol-record{display:grid;place-items:center;gap:var(--admin-control-gap);min-width:0}.symbol-record code{font:var(--admin-technical-font-weight) var(--admin-technical-font-size)/var(--admin-technical-line-height) var(--admin-technical-font-family)}.symbol-record strong{overflow:hidden;width:100%;text-overflow:ellipsis}.symbol-preview .icon,.content-symbol .icon{width:32px;height:32px}.content-symbol{display:inline-block;color:inherit}
.mobile .columns[data-mobile-stack=stack]{grid-template-columns:1fr!important}.preview-mode .columns-toolbar,.preview-mode .column-resizer{display:none!important}
.admin-role-preview{padding:var(--admin-control-gap);background:var(--admin-control-surface)}
.AdminHeading{font-family:var(--admin-heading-font-family);font-size:var(--admin-heading-font-size);font-weight:var(--admin-heading-font-weight);line-height:var(--admin-heading-line-height);letter-spacing:var(--admin-heading-letter-spacing);text-transform:var(--admin-heading-text-transform)}.AdminButton{font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);line-height:var(--admin-button-line-height);letter-spacing:var(--admin-button-letter-spacing);text-transform:var(--admin-button-text-transform)}.AdminTechnical{font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing);text-transform:var(--admin-technical-text-transform)}.AdminNote{font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size);font-weight:var(--admin-note-font-weight);line-height:var(--admin-note-line-height);letter-spacing:var(--admin-note-letter-spacing);text-transform:var(--admin-note-text-transform)}
.nested-divider hr{border:0;border-top:1px solid currentColor}
/* Two canonical GM button primitives. */
.circle-tool,.admin-compound-button,.panel-body input:not([type=range]):not([type=checkbox]){min-height:var(--control-size);height:var(--control-size)}
.circle-tool{width:var(--control-size);min-width:var(--control-size)}
.admin-compound-button{display:flex;align-items:center;gap:0;padding:0;width:max-content;max-width:100%;overflow:hidden;background:var(--admin-control-surface);cursor:pointer;border-radius:var(--admin-control-radius)}
.admin-compound-button.panel{width:100%}.admin-compound-button.toolbar{width:max-content}
.admin-compound-button .compound-symbol{display:grid;place-items:center;flex:0 0 var(--control-size);width:var(--control-size);height:var(--control-size);border-radius:var(--admin-control-radius)}
.admin-compound-button .compound-content{display:flex;align-items:center;min-width:0;padding-inline:calc(var(--admin-control-gap) * 2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-compound-button:hover:not(:disabled),.admin-compound-button.active{background:var(--admin-control-surface)}.admin-compound-button:hover:not(:disabled) .compound-symbol{background:var(--admin-control-hover)}.admin-compound-button.active .compound-symbol{color:var(--admin-background);background:var(--admin-control-active)}.admin-compound-button:disabled{opacity:1;color:var(--admin-muted);background:var(--admin-control-disabled)}
.topbar{min-height:var(--control-size)}.tool-group,.rightbar{gap:var(--admin-control-gap)}.rightbar{width:var(--control-size)}.stage{right:var(--control-size)}
.page-tools{margin-left:var(--admin-control-gap)}.page-menu-tool{width:max-content}
.rightbar .circle-tool.unsaved{color:var(--admin-foreground);background:var(--admin-unsaved-surface)}
.inline-select .admin-select-menu{position:static;box-shadow:none;padding:var(--admin-control-gap) 0 0;background:transparent}.inline-select .admin-select-menu .admin-compound-button+.admin-compound-button{margin-top:var(--admin-control-gap)}
.pages-head{display:grid;grid-template-columns:1fr;gap:var(--admin-control-gap)}
.symbol-actions{position:sticky;z-index:4;top:0;display:grid;grid-template-columns:1fr;gap:var(--admin-control-gap);padding-block:var(--admin-control-gap);background:var(--admin-panel-surface)}.symbols-list{display:grid;gap:var(--admin-control-gap)}.symbol-record{grid-template-columns:var(--control-size) 76px minmax(0,1fr);display:grid}.symbol-record code,.symbol-record strong{align-self:center;text-align:left}.symbol-record .compound-symbol{grid-column:1}.symbol-record code{grid-column:2}.symbol-record .compound-content{grid-column:3;padding-inline:var(--admin-control-gap)}
.admin-role-editor+.admin-role-editor{margin-top:var(--admin-section-gap);padding-top:var(--admin-section-gap);border-top:var(--admin-divider-thickness) solid var(--admin-divider)}
.component-preview{display:grid;grid-template-columns:72px var(--control-size) 1fr;align-items:center;gap:var(--admin-control-gap)}

.registry-actions{display:grid;gap:var(--admin-control-gap)}

.admin-role-editor+.admin-role-editor{margin-inline:calc(-1 * var(--admin-panel-padding));padding-inline:var(--admin-panel-padding)}
/* Safe viewport and scale-stable optical geometry. */
:root{--icon-optical-size:clamp(15px,calc(var(--control-size) * .48),25px)}
.circle-tool .icon,.compound-symbol .icon,.tree-symbol-cell .icon{inline-size:var(--icon-optical-size);block-size:var(--icon-optical-size);max-inline-size:72%;max-block-size:72%;overflow:hidden}
.icon{overflow:visible}.compound-symbol,.tree-symbol-cell{overflow:hidden}
.devices{height:var(--control-size);min-height:var(--control-size)}.devices .circle-tool,.rightbar .circle-tool{inline-size:var(--control-size);block-size:var(--control-size);min-inline-size:var(--control-size);flex-basis:var(--control-size)}.devices .circle-tool:first-child .icon,.devices .circle-tool[data-device=mobile] .icon{inline-size:var(--icon-optical-size);block-size:var(--icon-optical-size)}
.topbar,.rightbar{box-shadow:none}
.floating-panel{max-height:calc(100vh - var(--topbar-height) - 16px);box-shadow:4px 8px 24px var(--admin-shadow)}.panel-body{max-height:calc(100vh - var(--topbar-height) - 52px)}
.disclosure>summary{height:var(--control-size);padding:0;cursor:pointer}.disclosure>summary>.icon{box-sizing:border-box;flex:0 0 var(--control-size);inline-size:var(--control-size);block-size:var(--control-size);padding:calc((var(--control-size) - var(--icon-optical-size))/2);border-radius:var(--admin-control-radius)}.disclosure>summary:hover>.icon{background:var(--admin-control-hover)}.disclosure[open]>summary>.icon{color:var(--admin-background);background:var(--admin-control-active)}
.page-row{grid-template-columns:var(--control-size) minmax(0,1fr) auto var(--control-size);height:var(--control-size);min-height:var(--control-size);padding:0;background:var(--admin-control-surface);border-radius:var(--admin-control-radius)}.tree-symbol-cell{display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:0;background:var(--admin-control-surface)}button.tree-symbol-cell{border:0;outline:0}.page-row:hover .tree-symbol-cell{background:var(--admin-control-hover)}.page-row.active .tree-symbol-cell{color:var(--admin-background);background:var(--admin-control-active)}.page-title{display:flex;align-items:center;gap:var(--admin-control-gap);height:var(--control-size);min-width:0;padding-inline:calc(var(--admin-control-gap) * 2);font:inherit}.page-title>.icon{width:var(--icon-optical-size);height:var(--icon-optical-size)}.page-more{width:var(--control-size);height:var(--control-size);opacity:1}
.symbol-actions{margin:calc(-1 * var(--admin-panel-padding)) calc(-1 * var(--admin-panel-padding)) var(--admin-section-gap);padding:var(--admin-panel-padding);border-bottom:var(--admin-divider-thickness) solid var(--admin-divider);background:var(--admin-panel-surface-token)}.symbol-preview .icon{max-inline-size:70%;max-block-size:70%}.symbol-record code{font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing)}.symbol-record strong{font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);line-height:var(--admin-button-line-height);letter-spacing:var(--admin-button-letter-spacing)}
/* Role enforcement overrides legacy component-local typography. */
.user-group,.user-group>span,.user-group strong,.page-title,.toggle-grid button,.registry-list button,.registry-actions button,.page-context button,.pages-head button,.symbol-record strong{font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);line-height:var(--admin-button-line-height);letter-spacing:var(--admin-button-letter-spacing);text-transform:var(--admin-button-text-transform)}
.symbol-record code,.page-status,.range-row output,.hsl-value{font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing);text-transform:var(--admin-technical-text-transform)}
.tooltip,.prototype-note,.protected-note{font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size);font-weight:var(--admin-note-font-weight);line-height:var(--admin-note-line-height);letter-spacing:var(--admin-note-letter-spacing);text-transform:var(--admin-note-text-transform)}
/* Targeted system refinement: shared chrome, disclosures, symbols and live previews. */
:root{--admin-track-padding:var(--admin-control-gap);--admin-chrome-size:calc(var(--control-size) + var(--admin-track-padding) * 2);--admin-rail-size:var(--admin-chrome-size);--icon-optical-size:clamp(1px,var(--admin-icon-size),calc(var(--control-size) - var(--admin-control-gap) * 2))}
.topbar{box-sizing:border-box;width:calc(100% - var(--admin-rail-size));min-height:var(--admin-chrome-size);align-items:center;padding-block:var(--admin-track-padding)}
.tool-group{box-sizing:border-box;height:var(--control-size);min-height:var(--control-size);padding:0}.toolbar-left,.toolbar-right,.page-tools{align-items:center;height:var(--control-size)}
.rightbar{box-sizing:border-box;top:var(--admin-chrome-size);width:var(--admin-rail-size);padding:0 var(--admin-track-padding) var(--admin-track-padding);align-items:center}.stage{top:var(--admin-chrome-size);right:var(--admin-rail-size)}
.rightbar .circle-tool{flex:none}
.state-actions{display:grid;grid-template-columns:1fr;gap:var(--admin-control-gap)}.state-actions .admin-compound-button{width:100%}.state-actions .success:not(:disabled) .compound-symbol{color:var(--admin-foreground);background:var(--admin-unsaved-surface)}.state-actions .warning:not(:disabled) .compound-symbol{color:var(--admin-background);background:var(--admin-control-active)}
.admin-compound-disclosure{padding-inline:0}.admin-compound-disclosure>summary{display:flex;width:100%;align-items:center;background:var(--admin-control-surface);border-radius:var(--admin-control-radius)}.admin-compound-disclosure>summary>span{padding-inline:calc(var(--admin-control-gap) * 2);font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);line-height:var(--admin-button-line-height);letter-spacing:var(--admin-button-letter-spacing);text-transform:var(--admin-button-text-transform)}
.component-preview{display:grid;grid-template-columns:1fr;gap:var(--admin-section-gap)}.preview-state{display:grid;gap:var(--admin-label-gap)}.preview-controls{display:grid;grid-template-columns:var(--control-size) minmax(0,1fr);gap:var(--admin-control-gap)}
.floating-panel[data-panel=symbols] .panel-body{padding-top:0;overflow:hidden}.floating-panel[data-panel=symbols] .panel-handle{position:relative;z-index:6;background:var(--admin-panel-surface-token)}.floating-panel[data-panel=symbols] .symbol-actions{margin:0 calc(-1 * var(--admin-panel-padding)) var(--admin-section-gap);padding:var(--admin-panel-padding);background:var(--admin-panel-surface-token)}.floating-panel[data-panel=symbols] .symbols-list{overflow:auto;min-height:0;padding-bottom:var(--admin-panel-padding)}
.symbol-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:var(--admin-control-gap);height:var(--control-size);cursor:pointer}.symbol-record{display:flex;width:100%;height:var(--control-size)}.symbol-id{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:var(--control-size);padding-inline:var(--admin-control-gap);overflow:hidden;background:var(--admin-control-surface);font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing);text-transform:var(--admin-technical-text-transform)}
.symbol-preview .icon{inline-size:var(--icon-optical-size);block-size:var(--icon-optical-size);max-inline-size:72%;max-block-size:72%;overflow:hidden}
/* Regression repair: stable symbol scrolling and compound alignment. */
.admin-compound-button .compound-content{flex:1;justify-content:flex-start;text-align:left;margin-left:0}
.rightbar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.rightbar .right-spacer{min-height:var(--admin-control-gap)}
.floating-panel[data-panel=symbols]{display:flex;flex-direction:column}.floating-panel[data-panel=symbols] .panel-handle{flex:0 0 auto}.floating-panel[data-panel=symbols] .panel-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.floating-panel[data-panel=symbols] .symbol-actions{position:sticky;top:0;flex:0 0 auto}.floating-panel[data-panel=symbols] .symbols-list{display:grid;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
.symbol-import-status:empty{display:none}.symbol-import-status{margin:var(--admin-control-gap) 0 0;padding:0;border:0}
.admin-compound-disclosure>summary,.admin-compound-disclosure>summary .icon{transition:none}
@media (prefers-reduced-motion:reduce){.disclosure>summary .icon,.set-disclosure .icon,.admin-select .icon{transition:none}}
.registry-list>.admin-compound-button{justify-content:flex-start}
/* Stabilization: the rail owns the corner cell and keeps a padded bottom group. */
.topbar{align-items:center}.toolbar-left,.toolbar-right{align-items:center;align-self:center}.devices{box-sizing:border-box;margin:0;padding:0}.user-group{gap:0;padding:0}
.rightbar{top:0;height:100%;padding:var(--admin-track-padding);overflow-y:auto}.rightbar>.circle-tool:first-child{margin-bottom:var(--admin-control-gap)}.rightbar>.right-spacer{flex:1 0 var(--admin-control-gap)}
.admin-compound-button:hover .tooltip,.admin-compound-button:focus-visible .tooltip{opacity:1;visibility:visible}
.create-confirmation{display:grid;gap:var(--admin-control-gap);padding-top:var(--admin-control-gap)}.create-confirmation[hidden]{display:none}.create-confirmation .admin-compound-button{width:100%}
/* Comet, tooltip, panel framing, and mobile editor consistency. */
.topbar{padding-left:var(--admin-track-padding)}
.tooltip{display:none!important}.gm-tooltip{position:fixed;z-index:1000;max-width:min(260px,calc(100vw - 12px));padding:4px 6px;border-radius:var(--admin-tooltip-radius);background:var(--admin-control-active);color:var(--admin-background);white-space:nowrap;pointer-events:none;font-family:var(--admin-technical-font-family);font-size:var(--admin-technical-font-size);font-weight:var(--admin-technical-font-weight);line-height:var(--admin-technical-line-height);letter-spacing:var(--admin-technical-letter-spacing)}.gm-tooltip[hidden]{display:none}
.admin-panel-header{gap:var(--admin-control-gap);padding-left:var(--admin-panel-padding)}.panel-heading-symbol{display:grid;place-items:center;flex:0 0 var(--icon-optical-size)}.panel-heading-symbol .icon{width:var(--icon-optical-size);height:var(--icon-optical-size)}.admin-panel-footer{flex:0 0 auto;margin:0;padding:var(--admin-label-gap) var(--admin-panel-padding) calc(var(--admin-label-gap) + 1em);border-top:var(--admin-divider-thickness) solid var(--admin-divider);background:var(--admin-panel-surface-token);color:var(--admin-muted);font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size);font-weight:var(--admin-note-font-weight);line-height:var(--admin-note-line-height);letter-spacing:var(--admin-note-letter-spacing)}
.disclosure>summary{display:flex;align-items:center;width:100%;background:var(--admin-control-surface);border-radius:var(--admin-control-radius)}.disclosure>summary>span{display:flex;align-items:center;flex:1;height:var(--control-size);min-width:0;padding-inline:calc(var(--admin-control-gap) * 2);text-align:left}.disclosure[open]>summary{background:var(--admin-control-surface)}.disclosure[open]>summary>.icon{color:var(--admin-background);background:var(--admin-control-active)}.disclosure> :not(summary){box-sizing:border-box;min-width:0;max-width:100%}.disclosure[open]{padding-bottom:var(--admin-panel-padding)}
input.range::-webkit-slider-thumb{border-radius:var(--admin-control-radius)}input.range::-moz-range-thumb{border-radius:var(--admin-control-radius)}
.canvas-frame.mobile{background-color:var(--admin-background);background-image:radial-gradient(color-mix(in srgb,var(--admin-foreground) 16%,transparent) .75px,transparent .75px);background-size:8px 8px}.mobile .page-canvas{box-shadow:0 12px 34px color-mix(in srgb,var(--admin-panel-shadow) 24%,transparent)}
.align-menu,.alignment-comets,.vertical-comets{display:grid;grid-template-columns:1fr;gap:var(--admin-control-gap)}.align-menu .admin-compound-button{width:100%;display:flex;justify-items:initial}.inline-content-symbol{display:inline-flex;width:1em;height:1em;vertical-align:-.12em;color:inherit}.inline-content-symbol .icon{width:100%;height:100%}.inline-site-button{display:inline-flex;vertical-align:baseline}
.columns-toolbar{border-radius:var(--admin-control-radius) var(--admin-control-radius) 0 0;background:linear-gradient(var(--admin-panel-surface-token),transparent)}
.state-actions .success:hover:not(:disabled){color:var(--admin-foreground);background:var(--admin-unsaved-surface)}.state-actions .warning:hover:not(:disabled){color:var(--admin-background);background:var(--admin-control-active)}
.symbol-insert-list{display:grid;min-height:0;overflow-y:auto;gap:var(--admin-control-gap)}
.page-canvas{display:flex;flex-direction:column}.link-kind-comets{display:grid;gap:var(--admin-control-gap)}.symbols-list-label,.pages-tree-label{margin:0}.admin-divider{width:calc(100% + var(--admin-panel-padding) * 2);margin:0 calc(-1 * var(--admin-panel-padding));border:0;border-top:var(--admin-divider-thickness) solid var(--admin-divider)}
.rightbar>.circle-tool:first-child{margin-bottom:-2px}
.disclosure> :not(summary){box-sizing:border-box;min-width:0;width:calc(100% - var(--admin-panel-padding) * 2);margin-left:var(--admin-panel-padding);margin-right:var(--admin-panel-padding)}.disclosure>.admin-divider{width:100%;margin-inline:0}
.gm-tooltip{width:max-content;white-space:normal;overflow-wrap:anywhere}.page-row,.page-row.set-row{grid-template-columns:var(--control-size) minmax(0,1fr) var(--control-size)}.page-context,.home-sub{display:grid;gap:var(--admin-control-gap)}
.preview-mode .columns .column-container{display:block;outline:0}
.columns-toolbar > button:not(.admin-compound-button){inline-size:var(--control-size);block-size:var(--control-size);min-inline-size:var(--control-size);padding:0}
/* System refinement: optical symbol box, two disclosure types, and page workflows. */
:root{--icon-optical-size:clamp(1px,var(--admin-icon-size),calc(var(--control-size) - var(--admin-control-gap) * 2))}
.icon-disc,.compound-symbol,.tree-symbol-cell,.symbol-preview{display:grid;place-items:center;overflow:hidden;line-height:0}
.icon-disc>.icon,.compound-symbol>.icon,.tree-symbol-cell>.icon,.symbol-preview>.icon{display:block;inline-size:var(--icon-optical-size);block-size:var(--icon-optical-size);max-inline-size:none;max-block-size:none;margin:auto;transform-origin:center center;vertical-align:unset}
.rightbar>.circle-tool:first-child{margin-bottom:0}
.admin-panel-header{display:grid;grid-template-columns:var(--icon-optical-size) minmax(0,1fr) var(--control-size);align-items:center;column-gap:var(--admin-panel-padding);padding-inline:var(--admin-panel-padding) 0}.admin-panel-header h2{min-width:0;margin:0;text-align:left;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
.admin-select.open>[data-registry-trigger] .compound-content,.admin-select.open>[data-custom-trigger] .compound-content{color:var(--admin-muted)}.admin-select-menu .admin-compound-button.active .compound-symbol{color:var(--admin-background);background:var(--admin-control-active)}
.disclosure{margin-top:var(--admin-section-gap);border-top:var(--admin-divider-thickness) solid var(--admin-divider);padding-top:var(--admin-label-gap)}.disclosure>summary,.admin-compound-disclosure>summary{background:transparent}.disclosure[open]>summary{background:transparent}
.canvas-frame.mobile{background-image:radial-gradient(color-mix(in srgb,var(--admin-foreground) 21%,transparent) .8px,transparent .8px)}
.columns-toolbar{padding:0;background:none;border:0;box-shadow:none;mask-image:none}
.symbol-insert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--control-size),1fr));align-content:start;gap:var(--admin-control-gap);min-height:0;overflow-y:auto}.symbol-insert-cell{inline-size:var(--control-size);block-size:var(--control-size)}
.page-title>span,.page-action-title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;mask-image:none;-webkit-mask-image:none}.page-title.muted{color:var(--admin-muted)}.pin-settings,.popup-foundation{display:grid;gap:var(--admin-control-gap);padding-block:var(--admin-label-gap)}
.floating-panel.dependent-panel{--dependent-offset:calc(var(--panel-width) + var(--admin-control-gap))}.page-context{min-width:0}
.inline-site-button,[data-button-editor]{cursor:text;user-select:text}
.page-title,.page-title:hover,.page-title:focus{background:transparent}.page-row{overflow:hidden}.page-row:hover{background:var(--admin-control-surface)}
.columns-toolbar{display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 100ms ease 120ms,visibility 0s linear 220ms}.columns:hover .columns-toolbar,.columns.selected .columns-toolbar,.columns.resizing .columns-toolbar,.columns-toolbar:hover,.columns-toolbar:focus-within{display:flex;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.preview-mode .columns-toolbar{display:none!important}
.inline-content-symbol.selected{outline:1px solid currentColor;outline-offset:2px}
.disclosure.registry-active-geometry[open]>summary>.icon{transform:none}
/* Safari QA corrections: inset square disclosures and intrinsic mobile flow. */
.panel-body>.disclosure,.panel-body>details{box-sizing:border-box;width:100%;margin-inline:0;padding-inline:0}
.disclosure>summary{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;background:transparent}
.disclosure>summary>.icon{box-sizing:border-box;flex:0 0 var(--control-size);inline-size:var(--control-size);block-size:var(--control-size);min-inline-size:var(--control-size);max-inline-size:var(--control-size);min-block-size:var(--control-size);max-block-size:var(--control-size);padding:calc((var(--control-size) - var(--icon-optical-size))/2);background:var(--admin-control-surface);border-radius:var(--admin-control-radius)}
.disclosure>summary:hover>.icon{inline-size:var(--control-size);block-size:var(--control-size);background:var(--admin-control-hover)}
.disclosure[open]>summary>.icon,.disclosure[open]>summary:hover>.icon{inline-size:var(--control-size);block-size:var(--control-size);background:var(--admin-control-active)}
.disclosure>summary>span{background:transparent}.disclosure[open]>summary{background:transparent}
.disclosure> :not(summary){box-sizing:border-box;width:100%;max-width:100%;margin-inline:0}.disclosure[open]{padding-bottom:var(--admin-panel-padding)}
.page-canvas>.block,.page-canvas>.caret-boundary{flex:0 0 auto;min-block-size:min-content}.text-block{block-size:auto;min-block-size:1em;overflow-wrap:anywhere}.mobile .page-canvas>.block{position:relative;inset:auto;block-size:auto}.mobile .text-block{white-space:normal;overflow:visible}.inline-content-symbol{display:inline-block;inline-size:1em;block-size:1em;line-height:1;vertical-align:-.1em}.inline-content-symbol .icon{display:block;inline-size:1em;block-size:1em}
.symbols-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
.panel-body .disclosure{box-sizing:border-box;width:100%;margin-inline:0;padding-inline:0}
/* Shared panel rhythm: a divider bisects equal section spacing. */
.panel-body{row-gap:0}.panel-body>*+*:not(.admin-divider):not(.disclosure){margin-top:var(--admin-control-gap)}
.panel-body>.admin-divider{margin-block:var(--admin-panel-section-space)}.panel-body>.admin-divider+*{margin-top:0}
.panel-body>.disclosure{margin-top:var(--admin-panel-section-space);padding-top:var(--admin-panel-section-space)}
.admin-panel-footer{padding-bottom:calc(var(--admin-label-gap) + var(--admin-note-line-height) * 1em)}
.range-row output,.hsl-value,.colour-technical-row output{text-align:left;justify-self:stretch}
.canvas-frame.mobile{background-image:radial-gradient(color-mix(in srgb,var(--admin-foreground) 29%,transparent) .8px,transparent .8px)}
.page-title>span,.page-action-title{mask-image:none;-webkit-mask-image:none}
.page-title.overflowing>span,.page-action-title.overflowing{mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}
.floating-panel[data-panel=symbols] .symbol-actions{margin-bottom:0}.symbols-list-label{margin-top:var(--admin-label-gap);margin-bottom:var(--admin-control-gap)}
.page-canvas[data-pin-enabled="true"][data-pin-frozen="true"][data-pin-position="top"]{position:sticky;top:0;z-index:2}
.page-canvas[data-pin-enabled="true"][data-pin-frozen="true"][data-pin-position="bottom"]{position:sticky;bottom:0;z-index:2}
.canvas-frame:has(.page-canvas[data-pin-enabled="true"]){position:relative}.page-canvas[data-pin-enabled="true"][data-pin-overlay="true"]{position:absolute!important;inset-inline:0;margin-inline:auto;box-shadow:0 8px 24px color-mix(in srgb,var(--admin-panel-shadow) 20%,transparent)}
.typography-decoration{display:grid;gap:var(--admin-control-gap);min-width:0}

.text-block:empty{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.empty-page-caret-host{min-block-size:1.4em;outline:0}
.page-context{background:transparent;box-shadow:none}.page-context>.AdminTechnical{margin:var(--admin-label-gap) 0 var(--admin-control-gap)}
.colour-source,.colour-editor{display:grid;gap:var(--admin-control-gap);min-width:0;width:100%}
.admin-panel-footer>p{margin:0}
/* Structural dividers own both sides of their vertical rhythm, including nested panel sections. */
.panel-body .admin-divider{margin-block:var(--admin-panel-section-space)}.panel-body .admin-divider+*{margin-top:0}
.page-context{gap:0}.page-context>*+*:not(.admin-divider){margin-top:var(--admin-control-gap)}.page-context>.admin-divider+*{margin-top:0}
.page-title>span{flex:1 1 auto;width:100%}
.page-canvas[data-pin-enabled="true"][data-pin-overlay="true"][data-pin-position="top"]{top:0;bottom:auto}.page-canvas[data-pin-enabled="true"][data-pin-overlay="true"][data-pin-position="bottom"]{top:auto;bottom:0}
.page-canvas ::selection{color:var(--selection-text);background:var(--selection-background)}
.media-block{max-width:100%;min-height:48px}.media-block img,.media-block audio,.media-block iframe{display:block;max-width:100%}.media-block iframe{width:100%;aspect-ratio:16/9;border:0}
@media (prefers-reduced-motion:reduce){.page-canvas *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.admin-panel[data-panel-id="symbols"]{width:min(560px,calc(100vw - var(--instrument-size) - 24px))!important;max-height:calc(100vh - var(--topbar-height) - 16px)}
.system-guide-body{max-height:calc(100vh - var(--topbar-height) - 100px);overflow-y:auto;overscroll-behavior:contain}.guide-section>.guide-subsection{padding-inline:var(--admin-panel-section-space)}.guide-text{white-space:normal}.guide-list{margin:8px 0 12px;padding-left:20px}.guide-author{padding-block:var(--admin-panel-section-space)}.guide-author p{margin:6px 0}.guide-author a{color:inherit}.text-block[style*="background:"]:not(:empty){width:fit-content;max-width:100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Canonical GM Core disclosure: clean arrow cell, bold heading, one-level behavior. */
.disclosure>summary,.disclosure[open]>summary{background:transparent}.disclosure>summary>.icon,.disclosure>summary:hover>.icon,.disclosure[open]>summary>.icon{color:inherit;background:transparent;border-radius:0}.disclosure>summary>span{font-weight:var(--admin-heading-font-weight)}
.guide-intro>header{display:flex;align-items:center;min-height:var(--control-size)}.guide-intro>header>span{flex:1;font-family:var(--admin-heading-font-family);font-weight:var(--admin-heading-font-weight)}.guide-edit-button,.guide-order-button,.guide-delete-button{display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:0;border:0;background:transparent}.guide-edit-button .icon,.guide-order-button .icon,.guide-delete-button .icon{width:var(--admin-icon-size);height:var(--admin-icon-size)}.guide-order-button{transform:rotate(-90deg)}.guide-order-button.down{transform:rotate(90deg)}.guide-text{font-weight:400}.guide-text strong{font-weight:var(--admin-heading-font-weight)}.guide-actions{margin-top:var(--admin-section-gap)}
.floating-panel{min-width:280px;max-width:calc(100vw - var(--admin-rail-size) - 16px)}.floating-panel[style*="height"] .panel-body{overflow:auto;min-height:0}.symbols-list .symbol-id{user-select:text;border-radius:var(--admin-control-radius);cursor:text}.symbol-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-mode .stage{inset:0;background:transparent}.preview-mode .canvas-frame{min-height:100vh}.preview-exit{border:var(--admin-divider-thickness) solid var(--admin-divider);box-shadow:var(--admin-panel-shadow)}.page-footnotes{width:100%;margin-top:40px}.page-footnotes>hr{width:100%;border:0;border-top:1px solid currentColor}.page-footnotes li{padding-block:4px}.page-footnotes button{margin-left:8px;border:0;background:transparent}.page-footnotes .icon{width:12px;height:12px}
.symbol-row{grid-template-columns:var(--control-size) minmax(0,1fr) 84px}.symbol-drag-handle{display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:0;border:0;background:transparent;cursor:grab}.symbol-drag-handle .icon{width:var(--admin-icon-size);height:var(--admin-icon-size)}
.footnote-marker{font-size:.7em;vertical-align:super}.footnote-marker a{color:inherit}.page-footnotes{scroll-behavior:smooth}
/* Canonical bugfix primitives: compact disclosure action, icon buttons and panel edges. */
.panel-close{box-sizing:border-box;flex:0 0 var(--control-size);inline-size:var(--control-size);block-size:var(--control-size);min-inline-size:var(--control-size);padding:0;display:grid;place-items:center;align-self:center}
.panel-resize-handle{right:2px;bottom:2px;width:20px;height:20px;display:grid;place-items:center;padding:2px;border:0;background:transparent;color:var(--admin-muted);cursor:nwse-resize}
.panel-resize-handle:hover,.panel-resize-handle:focus-visible{background:transparent;color:var(--admin-foreground)}.panel-resize-handle .icon{width:var(--admin-icon-size);height:var(--admin-icon-size);pointer-events:none}
.disclosure>summary{display:grid;grid-template-columns:var(--control-size) minmax(0,1fr) auto;gap:var(--admin-control-gap);font-family:var(--admin-button-font-family);font-size:var(--admin-button-font-size);font-weight:var(--admin-button-font-weight);letter-spacing:var(--admin-button-letter-spacing);text-transform:none}
.disclosure>summary>.icon,.disclosure>summary:hover>.icon{background:var(--admin-control-surface);border-radius:var(--admin-control-radius)}.disclosure[open]>summary>.icon{color:var(--admin-background);background:var(--admin-control-active)}
.panel-body>.disclosure{width:calc(100% + 2 * var(--admin-panel-padding));margin-inline:calc(-1 * var(--admin-panel-padding));padding-inline:var(--admin-panel-padding)}.panel-body>.admin-divider{width:calc(100% + 2 * var(--admin-panel-padding));margin-inline:calc(-1 * var(--admin-panel-padding))}
.symbol-row{grid-template-columns:minmax(0,1fr) 84px var(--control-size)}.symbol-drag-handle{color:var(--admin-muted)}.symbol-drag-handle:hover,.symbol-drag-handle:active{color:var(--admin-foreground);background:var(--admin-control-surface)}.symbol-drag-handle:active{cursor:grabbing}
.guide-section>summary span,.guide-subsection h3{text-transform:none}.guide-subsection{padding-block:var(--admin-label-gap)}.guide-subsection>header{display:flex;align-items:center}.guide-subsection h3{flex:1;margin:0}.guide-item-actions{position:relative}.guide-menu-button{display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:0;border:0;background:transparent;color:var(--admin-muted)}.guide-menu-button:hover,.guide-menu-button:focus-visible{color:var(--admin-foreground);background:var(--admin-control-surface)}.guide-item-menu{position:absolute;z-index:5;right:0;top:100%;width:190px;padding:var(--admin-control-gap);background:var(--admin-panel-surface-token);box-shadow:var(--admin-panel-shadow)}.guide-local-confirm{padding-top:var(--admin-label-gap)}.guide-intro a{color:inherit}
.site-languages{display:grid;gap:var(--admin-control-gap);margin:0;padding:0;border:0}.site-languages legend{margin-bottom:var(--admin-label-gap)}.site-css-editor{min-height:280px!important;font-family:var(--admin-technical-font-family)}
/* Selection, floating-panel and disclosure refinement. */
.editor-shell:not(.preview-mode) .page-canvas ::selection{color:inherit!important;background:color-mix(in srgb,var(--admin-foreground) 20%,transparent)!important}
.preview-mode .page-canvas ::selection{color:var(--selection-text);background:var(--selection-background)}
.panel-handle{box-sizing:border-box;height:var(--control-size);min-height:var(--control-size);padding-block:0}.panel-close{height:var(--control-size);align-self:stretch}
.panel-resize-handle{right:0;bottom:0;left:auto}
.disclosure{margin-top:0;padding-top:var(--admin-section-gap);padding-bottom:var(--admin-section-gap);border-top:var(--admin-divider-thickness) solid var(--admin-divider)}.disclosure+.disclosure{margin-top:0}.disclosure[open]{padding-bottom:var(--admin-section-gap)}.disclosure>summary{height:var(--control-size)}
.guide-section>.guide-subsection{width:100%;padding:var(--admin-section-gap) 0 0;border:0}.guide-subsection+ .guide-subsection{margin-top:var(--admin-section-gap)}.guide-subsection>header{width:100%}.guide-item-actions{margin-left:auto}.guide-section>summary{grid-template-columns:var(--control-size) minmax(0,1fr) var(--control-size)}
.generated-css{min-height:220px!important;overflow:auto;font-family:var(--admin-technical-font-family);user-select:text;white-space:pre}
.footnote-marker{vertical-align:super}.page-footnotes{font:inherit}.page-footnotes h2{margin:0 0 var(--admin-section-gap);font:inherit;font-weight:700}.page-footnotes ol{display:grid;gap:var(--admin-control-gap);margin:0;padding:0;list-style:none}.page-footnotes li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--admin-control-gap)}.footnote-number{font-size:var(--admin-note-font-size)}.footnote-editor-controls{display:flex;align-items:center;position:relative}.footnote-editor-controls>.icon-button{display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:0;background:transparent}.footnote-delete-confirm{position:absolute;right:0;top:100%;z-index:3;width:max-content;padding:var(--admin-control-gap);background:var(--admin-panel-surface-token);box-shadow:var(--admin-panel-shadow)}.preview-mode .editor-only{display:none!important}

/* Canonical floating panel invariants: one out-of-flow handle and a scrollable body. */
.floating-panel{display:grid!important;grid-template-rows:var(--control-size) minmax(0,1fr) auto;min-height:min(220px,calc(100vh - var(--topbar-height) - 16px));overflow:hidden;border-bottom:0}
.floating-panel>.admin-panel-header{box-sizing:border-box;height:var(--control-size);min-height:var(--control-size);max-height:var(--control-size);padding-block:0}
.floating-panel>.panel-body{min-height:0;max-height:none;overflow:auto}
.floating-panel>.panel-resize-handle{position:absolute!important;right:0!important;bottom:0!important;left:auto!important;top:auto!important;z-index:8;box-sizing:border-box;width:var(--control-size);height:var(--control-size);padding:calc((var(--control-size) - var(--icon-optical-size))/2);border:0;background:transparent}
.floating-panel>.panel-resize-handle:hover,.floating-panel>.panel-resize-handle:focus-visible{background:var(--admin-control-surface)}
.floating-panel>.panel-resize-handle .icon{width:var(--icon-optical-size);height:var(--icon-optical-size)}
.panel-body h3,.disclosure>summary,.disclosure>summary>span,.admin-compound-disclosure>summary>span{text-transform:none!important}
.symbol-move-up .compound-symbol{transform:rotate(-90deg)}.symbol-move-down .compound-symbol{transform:rotate(90deg)}
.footnote-marker{margin-inline-start:.25em}.page-footnotes>hr{margin-bottom:var(--admin-section-gap)}.page-footnotes .footnote-text p{margin:0 0 .65em}.page-footnotes .footnote-text p:last-child{margin-bottom:0}.page-footnotes .footnote-text a{text-decoration:underline}.page-footnotes .footnote-number{text-decoration:none}
.preview-mode .topbar,.preview-mode .rightbar,.preview-mode .panel-layer{display:none!important;box-shadow:none!important}.preview-mode .canvas-frame{box-shadow:none!important}

.admin-panel-footer{border-top:0}

/* Final prototype polish: quiet resize, canonical footer, disclosures and Preview. */
.floating-panel>.panel-resize-handle,.floating-panel>.panel-resize-handle:hover,.floating-panel>.panel-resize-handle:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important}
.floating-panel>.panel-resize-handle{color:var(--admin-muted)}.floating-panel>.panel-resize-handle:hover,.floating-panel>.panel-resize-handle:focus-visible{color:var(--admin-foreground)}
.admin-panel-footer{box-sizing:border-box;padding:calc(var(--admin-note-line-height) * 1em) calc(var(--admin-panel-padding) + var(--control-size)) calc(var(--admin-note-line-height) * 1em) var(--admin-panel-padding);border-top:var(--admin-divider-thickness) solid var(--admin-divider);background:var(--admin-panel-surface-token)}
.disclosure>summary>.icon,.disclosure>summary:hover>.icon,.disclosure[open]>summary>.icon{border-radius:var(--admin-control-radius)}
.page-footnotes h2{margin:0 0 var(--admin-section-gap)}
.footnote-delete-confirm.create-confirmation{gap:var(--admin-control-gap);border-radius:var(--admin-panel-radius);background:var(--admin-panel-surface-token);font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size)}
.footnote-delete-confirm.create-confirmation .admin-compound-button{margin:0}
.preview-mode{background:var(--site-background)}.preview-mode .stage,.preview-mode .canvas-frame{background:var(--site-background)!important;background-image:none!important;box-shadow:none!important}.preview-mode .page-canvas{min-height:100vh;box-shadow:none}.preview-mode .editor-shell{background:var(--site-background);box-shadow:none}
.panel-intro{margin:0 0 var(--admin-section-gap);font-family:var(--admin-note-font-family);font-size:var(--admin-note-font-size);line-height:var(--admin-note-line-height)}
.admin-colour-description{margin:var(--admin-control-gap) 0;border:0}
.guide-actions{padding-top:var(--admin-section-gap)}.guide-actions>.admin-divider{margin-bottom:var(--admin-section-gap)}
.gm-blink-target{display:inline}

.page-footnotes [data-footnote-editor]:focus,.page-footnotes [data-footnote-editor]:focus-visible{outline:1px solid color-mix(in srgb,var(--admin-foreground) 32%,transparent);outline-offset:2px;box-shadow:none}
.editor-shell.preview-mode{background:var(--site-background)!important;border:0!important;box-shadow:none!important}.editor-shell.preview-mode .stage{position:fixed;inset:0;width:100%;height:100%;margin:0;border:0;box-shadow:none}.editor-shell.preview-mode .canvas-frame{width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;box-shadow:none}.editor-shell.preview-mode .canvas-frame.mobile .page-canvas{flex:1 1 auto;width:100%;height:auto;min-height:100vh;border-radius:0;transform:none;box-shadow:none}
/* GM Core UI constitution: shared control rhythm and semantic confirmation comets. */
.registry-list,.registry-actions,.state-actions,.link-kind-comets,.create-confirmation,.page-context,.pages-add-menu,.symbol-actions,.guide-item-menu,.alignment-comets,.align-menu{display:grid;gap:var(--admin-control-gap)}
.confirm-comet,.cancel-comet{width:100%;color:var(--admin-foreground);background:var(--admin-control-surface)}
.confirm-comet:not(:disabled) .compound-symbol{color:var(--admin-foreground);background:var(--admin-success)}
.cancel-comet:not(:disabled) .compound-symbol{color:var(--admin-muted);background:var(--admin-control-active)}
.confirm-comet:hover:not(:disabled),.confirm-comet:focus-visible:not(:disabled){color:var(--admin-foreground);background:var(--admin-success)}
.cancel-comet:hover:not(:disabled),.cancel-comet:focus-visible:not(:disabled){color:var(--admin-background);background:var(--admin-control-active)}
.confirm-comet:hover:not(:disabled) .compound-symbol,.confirm-comet:focus-visible:not(:disabled) .compound-symbol{color:var(--admin-foreground);background:var(--admin-success)}
.cancel-comet:hover:not(:disabled) .compound-symbol,.cancel-comet:focus-visible:not(:disabled) .compound-symbol{color:var(--admin-muted);background:var(--admin-control-active)}
/* A footnote reference is one shared inline primitive in both placements. */
.footnote-marker-disc{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:1.55em;height:1.55em;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:50%;color:color-mix(in srgb,currentColor 65%,transparent);font:inherit;line-height:1;text-decoration:none;vertical-align:super;outline:0;box-shadow:none;background:transparent}.footnote-marker-disc>a{display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:inherit;text-decoration:none}
.footnote-number{font-size:inherit}
.page-footnotes li{grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.page-footnotes .footnote-text{min-width:0;overflow-wrap:anywhere}.preview-mode .page-footnotes li{grid-template-columns:auto minmax(0,1fr)}
@media(max-width:650px){.page-footnotes li{grid-template-columns:auto minmax(0,1fr)}.footnote-editor-controls{grid-column:2;justify-self:end;max-width:100%}}
/* Chrome shadows were the topbar/rightbar seams reported by Safari QA. */
.editor-shell.preview-mode,.editor-shell.preview-mode .stage,.editor-shell.preview-mode .canvas-frame,.editor-shell.preview-mode .page-canvas{border:0!important;box-shadow:none!important}
.editor-shell.preview-mode .stage{background:var(--site-background)!important}.editor-shell.preview-mode .canvas-frame{min-height:100vh;background:var(--site-background)!important;background-image:none!important}
/* Screenshot QA: disclosure content stays intrinsic and Info actions are one compact popover. */
.panel-body{align-content:start}.panel-body>.disclosure{align-self:start}
.panel-intro{display:grid;gap:var(--admin-label-gap)}.panel-intro>p{margin:0}
.guide-item-menu[hidden]{display:none!important}.guide-item-menu{display:grid;gap:var(--admin-control-gap);max-height:min(420px,60vh);overflow:auto}
.page-canvas a{cursor:pointer}.preview-mode .page-canvas [contenteditable="false"]{cursor:auto}.preview-mode .page-canvas a{cursor:pointer}
.admin-control-stack{display:grid;gap:var(--admin-control-gap);min-width:0}.typography-header-note{margin:0}
.admin-select-menu [data-custom-option="Наверх"] .compound-symbol{transform:rotate(-90deg)}
/* Shared explanatory text and post-divider rhythm. */
.AdminNote{color:var(--admin-muted)}
.admin-divider+:is(label,.admin-select,.admin-control-stack){margin-top:var(--admin-section-gap)!important}
.typography-header-note+.admin-divider{margin-top:var(--admin-label-gap)}
/* Save feedback uses the canonical symbol cell without adding new artwork. */
.save-spinner{box-sizing:border-box;width:calc(var(--icon-optical-size) * .7);height:calc(var(--icon-optical-size) * .7);border:1px solid var(--admin-muted);border-right-color:transparent;border-radius:50%;animation:gm-save-spin .7s linear infinite}
@keyframes gm-save-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.save-spinner{animation:none}}

/* Explicit editable blank-line block. It stays visually empty; the delete control appears only on hover. */
.spacer-block{position:relative;box-sizing:border-box;min-height:8px;margin:0!important}
.spacer-block::after{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  border-top:1px dashed color-mix(in srgb,var(--admin-foreground) 18%,transparent);
  opacity:0;
  pointer-events:none;
  transition:opacity .12s linear;
}
.spacer-block:hover::after,.spacer-block.selected::after{opacity:1}
.spacer-remove{
  position:absolute;
  z-index:3;
  left:0;
  top:50%;
  width:18px;height:18px;
  transform:translateY(-50%);
  padding:0;border:0;
  display:grid;place-items:center;
  background:var(--admin-control-surface);
  color:var(--admin-foreground);
  font:12px/1 sans-serif;
  cursor:pointer;
  opacity:0;
}
.spacer-block:hover .spacer-remove,.spacer-block.selected .spacer-remove{opacity:1}
.preview-mode .spacer-block::after,.preview-mode .spacer-remove{display:none!important}
.preview-mode .spacer-block{pointer-events:none}


/* Registry sections use the same admin typography as their controls. */
.registry-management-title{margin:0 0 var(--admin-control-gap)!important;font-family:var(--admin-technical-font-family)!important;font-size:var(--admin-technical-font-size)!important;font-weight:var(--admin-technical-font-weight)!important;line-height:var(--admin-technical-line-height)!important;letter-spacing:var(--admin-technical-letter-spacing)!important;text-transform:var(--admin-technical-text-transform)!important;color:var(--admin-foreground)!important}
.system-protection-note{margin:0 0 var(--admin-section-gap)!important;padding:0 0 var(--admin-section-gap)!important;border-bottom:var(--admin-divider-thickness) solid var(--admin-divider)!important;color:var(--admin-foreground)!important}
.protected-note{height:auto!important;margin:0 0 var(--admin-section-gap)!important;padding:0 0 var(--admin-section-gap)!important;border-bottom:var(--admin-divider-thickness) solid var(--admin-divider)!important;font-family:var(--admin-note-font-family)!important;font-size:var(--admin-note-font-size)!important;font-weight:var(--admin-note-font-weight)!important;line-height:var(--admin-note-line-height)!important;letter-spacing:var(--admin-note-letter-spacing)!important;text-transform:none!important;color:var(--admin-foreground)!important}

.preview-exit[hidden]{display:none!important}