/* Sidebar tracks belong to the workspace; changing them must not invalidate
   inherited properties on every thumbnail and SVG descendant. */
@property --library-width{syntax:"*";inherits:false}
@property --settings-width{syntax:"*";inherits:false}
/* All window types use the same reversible maximize override. */
.window-maximized {
  position:fixed!important;inset:8px!important;margin:0!important;
  width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;
  min-width:0!important;max-width:none!important;max-height:none!important;
  box-sizing:border-box!important;transform:none!important;zoom:var(--maximize-zoom,1)!important;
}
.notebook-panel.window-maximized,.floating-view-palette.window-maximized,.tour-card.window-maximized{z-index:1000;overflow:auto}
.notebook-panel.window-maximized>textarea{height:100%;max-height:none;resize:none}
.window-maximized>.dialog-resize-handle,.window-maximized>[data-notes-resize]{visibility:hidden}
.library-browser {container-type:inline-size;container-name:library}
.library-browser .library-search-row{justify-content:flex-end}
.library-browser .library-search-row>#lbFavorites{flex:0 0 auto}
.library-browser>.library-compact-row{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--theme-selected)}
.library-compact-row>.library-intro{display:contents!important}
.library-compact-row .library-intro>div{flex:none;gap:8px;white-space:nowrap}
.library-compact-row .library-intro>div>svg{width:22px;height:22px}
.library-compact-row .library-intro p{display:none}
.library-compact-row #lbTools{flex:none;white-space:nowrap}
.library-compact-row>.library-search-field{flex:1 1 240px;min-width:140px;margin:0}
.library-compact-row>.library-appearance{flex:0 1 280px;min-width:210px;margin:0}
.library-compact-row .element-ral{margin:0;position:relative}
.library-compact-row .element-ral-heading{padding:9px 10px;min-height:40px;gap:7px}
.library-compact-row .element-ral-heading strong{white-space:nowrap;font-size:12px}
.library-compact-row .element-ral-heading output{display:none}
.library-compact-row .element-ral[open]>.element-ral-options{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 48px);max-height:42vh;overflow:auto;z-index:40;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:10px;box-shadow:0 12px 30px #0006}
.library-compact-row .element-ral>.microcopy{display:none}
.library-browser-footer .library-import-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.library-browser:not(.library-tools-open) .library-browser-footer .library-external-source,.library-browser-footer .library-external-source{display:flex!important;margin:0}
.library-browser-footer #lbImport,.library-browser-footer #lbShutterstock{white-space:nowrap}
.library-browser-footer .library-source-guide{left:auto;right:0}
@container library (max-width:1000px){
 .library-browser>.library-compact-row{flex-wrap:wrap}
 .library-compact-row .library-intro>div{flex:1}
 .library-compact-row>.library-search-field{flex-basis:calc(100% - 300px)}
 .library-compact-row>.library-appearance{flex-basis:260px}
}
@container library (max-width:560px){
 .library-compact-row>.library-search-field,.library-compact-row>.library-appearance{flex:1 1 100%;min-width:0}
 .library-compact-row .library-intro>div{white-space:normal;min-width:120px}
 .library-browser-footer{flex-wrap:wrap}
 .library-browser-footer .library-import-actions{width:100%;margin-left:0}
 .library-browser-footer .library-external-source{flex-basis:auto}
 .library-browser-footer .library-import-actions .button{white-space:normal}
}

/* One toolbar row; geometry and selection share the existing metrics height. */
html:not([data-device-ui=mobile]) .vector-viewport{grid-template-rows:auto minmax(0,1fr) auto}
html:not([data-device-ui=mobile]) .vector-viewport>.shaping-toolbar{grid-row:1;flex-wrap:wrap;gap:6px}
html:not([data-device-ui=mobile]) .vector-viewport>#vectorCanvas,html:not([data-device-ui=mobile]) .vector-viewport>.vector-toolbox{grid-row:2}
html:not([data-device-ui=mobile]) .vector-viewport>#vectorStatus{grid-row:3}
html:not([data-device-ui=mobile]) #manualOverlay .vector-viewport{grid-template-rows:auto minmax(0,1fr)}
.shaping-toolbar #vectorSwapPanels{margin-left:auto}.shaping-toolbar #vectorUndo{margin-left:auto}
.metrics-strip #editorCompactStatus{flex:1.3;display:flex;flex-direction:column;justify-content:center;min-width:150px;gap:2px;overflow:hidden}
#editorCompactStatus #checkSummary,#editorCompactStatus #vectorStatus{font-size:10px;line-height:14px;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
#editorCompactStatus #checkSummary{display:flex;align-items:center;gap:4px}
#editorCompactStatus #checkSummary svg{width:12px;height:12px;flex:none}
body.manual-vector-active .editor-pane>.checkbar{display:none}

/* Five cells stay in one metrics row, with two status lines inside the last cell. */
.metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(150px,1.3fr)}
body[data-controls=simple] .metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,1.3fr)}

.audit-vertex-mode [data-audit-entity]{cursor:crosshair}.audit-vertex-mode [data-repair-vertex]{cursor:grab}.audit-curve-tools #auditVertexMode{white-space:nowrap;min-width:88px}.audit-curve-tools .view-switch{gap:4px}

.import-repair-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.import-repair-banner{display:flex;flex-wrap:wrap;gap:4px 16px;padding:9px 12px;background:var(--theme-selected);border:1px solid var(--gold);border-radius:6px;font-size:12px}.import-repair-banner>span:last-child{flex-basis:100%}.import-repair-findings>div{display:grid;gap:5px;max-height:160px;overflow:auto}.import-repair-active .editor-pane>.metrics-strip,.import-repair-active .editor-pane>.checkbar{display:none}.import-repair-active #manualToggle,.import-repair-active #manualEdit,.import-repair-active #manualOff{pointer-events:none;opacity:.6}
html:not([data-device-ui=mobile]) #manualOverlay.import-repair-workspace .vector-viewport{grid-template-rows:auto minmax(0,1fr) auto}#manualOverlay.import-repair-workspace #vectorStatus{grid-row:3}

.vector-offset-controls>label{display:block;margin-top:8px}.vector-offset-controls>label.check-label{display:flex}.vector-offset-controls #vectorOffsetApply{width:100%;margin-top:10px}.vector-offset-controls .microcopy{margin:8px 0;line-height:1.5}.vector-offset-controls input[type=number]{width:100%}

.library-browser>.library-compact-row{gap:6px;padding:8px;flex-wrap:wrap}
.library-compact-row .library-intro>div{font-size:12px;min-width:0}
.library-compact-row .button{font-size:12px;padding:8px;white-space:nowrap;flex:none}
.library-compact-row>.library-search-field{min-width:120px;flex:1 1 180px;order:2}
.library-compact-row>.library-appearance{order:3;flex:0 1 180px;min-width:160px;padding:0}
.library-compact-row>#lbFavorites{order:4;flex:none}
.library-compact-row>.library-scope-switch{order:5;display:flex;flex:0 1 auto;min-width:0;flex-wrap:wrap;gap:4px}
.library-compact-row #lbTools{order:1}
.library-compact-row .element-ral-heading strong{white-space:normal;line-height:1.2}
.library-compact-row .element-ral-heading{box-sizing:border-box;min-height:40px;padding:8px 10px}
/* Keep scrolling and resizing local to the motif list. Offscreen tiles retain
   their exact grid track size while their masked previews skip painting. */
#motifGrid{overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto}
#motifGrid>.library-motif-tile{contain:layout paint style;content-visibility:auto;contain-intrinsic-size:auto var(--library-row-height,150px)}
#motifGrid .artwork-code-row{display:grid;grid-template-columns:minmax(0,1fr) 24px 24px;gap:4px;padding:4px}
#motifGrid .artwork-code{min-width:0;white-space:normal;overflow-wrap:anywhere;letter-spacing:0;font-size:10px}
#motifGrid .artwork-code-row>button{min-width:24px;width:24px}
.library-pane.library-height-resized{overflow-anchor:none;scroll-behavior:auto}
body.workspace-resizing{user-select:none}
body.workspace-resizing #motifGrid .motif-card{transform:none;box-shadow:none;transition:none}
.audit-primary-actions{display:grid;gap:8px;margin-bottom:10px}
.audit-primary-actions .button{display:flex;justify-content:flex-start;gap:10px;padding:13px 16px;font-size:14px;min-height:48px}
.audit-primary-actions #auditRepairAll{background:var(--theme-selected);color:var(--gold);border:1px solid var(--gold)}
.audit-detail-tools>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 0;font-weight:600}
.audit-detail-tools>summary:after{content:'⌄';margin-left:auto;transition:transform .18s}.audit-detail-tools[open]>summary:after{transform:rotate(180deg)}
.audit-detail-tools .view-switch{display:flex;flex-wrap:wrap}.audit-detail-tools button{display:inline-flex;align-items:center;gap:6px}
.audit-primary-actions button{transition:transform .15s,filter .15s,box-shadow .15s}.audit-primary-actions button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 4px 12px #0003}.audit-primary-actions button:active{transform:translateY(0)}
.audit-detail-tools[open]>.repair-row{animation:audit-tools-in .18s ease-out}@keyframes audit-tools-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.audit-primary-actions button,.audit-detail-tools>summary:after{transition:none}.audit-detail-tools[open]>.repair-row{animation:none}}
.dialog-floating-toggle,.dialog-size-reset,[data-notes-floating]{display:none!important}
.modal-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .15s}.modal-actions .button.primary{box-shadow:0 2px 8px #0002}.modal-actions .button:not(:disabled):hover{filter:brightness(1.08)}.modal-actions .button:not(:disabled):active{transform:translateY(1px)}.unsaved-changes-dialog .modal-actions{gap:12px}.unsaved-changes-dialog [data-unsaved]{width:52px;height:48px;padding:12px}.unsaved-changes-dialog [data-unsaved=discard]{color:#efae9c}.modal-actions .action-glyph{width:20px;height:20px;flex:none}@media(prefers-reduced-motion:reduce){.modal-actions .button{transition:none}}

.import-formats{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 18px;color:#fff;font-size:16px;font-weight:750;letter-spacing:.06em;line-height:1.4}.import-formats>span{font-size:11px;letter-spacing:.14em;opacity:.72}.import-formats>b{font-size:16px;position:relative;padding:6px 0}.import-formats>b:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e9bf6c,transparent);opacity:.65}
.library-browser-item,.motif-card{transform-style:preserve-3d;transition:box-shadow .24s,border-color .24s;background-image:linear-gradient(145deg,#ffffff04,transparent 50%,#0000000d)}
.depth-active{transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateZ(3px);box-shadow:0 12px 24px -16px #000a,0 1px 0 #ffffff18 inset;z-index:2}
.button.primary{background-image:linear-gradient(145deg,#fff2,transparent 48%,#9c641d15);box-shadow:0 1px 0 #fff3 inset,0 3px 6px #0002;transition:box-shadow .2s,filter .2s,transform .18s}
@media(hover:hover){.button.primary:not(:disabled):hover{box-shadow:0 1px 0 #fff4 inset,0 7px 16px -8px #0009;filter:brightness(1.06)}.button.primary:not(:disabled):active{transform:perspective(800px) translateZ(-2px) translateY(1px);box-shadow:0 1px 3px #0003}}
dialog[open]:not(.window-maximized){animation:dialog-depth-enter .32s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 35%}
@keyframes dialog-depth-enter{0%{opacity:0;transform:perspective(1400px) translate3d(0,12px,-35px) rotateX(2.2deg)}70%{opacity:1;transform:perspective(1400px) translate3d(0,-1px,1px) rotateX(-.15deg)}100%{opacity:1;transform:none}}
@media(max-width:1100px){.import-formats{gap:12px;margin:0 10px;font-size:14px}.import-formats>b{font-size:14px}}
@media(max-width:650px){.import-formats{gap:12px;flex-basis:100%;margin:4px 0;font-size:13px}.import-formats>b{font-size:13px}}
@media(prefers-reduced-motion:reduce){dialog[open]:not(.window-maximized){animation:none}.depth-active{transform:none}.library-browser-item,.motif-card,.button.primary{transition:none}}
#textObjectList{display:flex;flex-direction:column;gap:6px;width:100%;align-items:stretch}.text-object-row{display:flex;align-items:stretch;gap:6px;min-width:0}.text-object-row>[data-text-object]{display:flex;gap:10px;align-items:center;text-align:left;justify-content:flex-start;flex:1;min-width:0}.text-object-number{font-variant-numeric:tabular-nums;opacity:.65;min-width:20px}.text-object-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-object-delete{flex:0 0 40px;justify-content:center;padding:8px;color:var(--muted)}.text-object-delete:hover{color:#ffc2b2;border-color:#d79782}
.topbar>.import-formats{order:100;flex:0 0 auto;margin-right:0;margin-left:auto}.library-import-actions>.import-formats{margin:0 0 0 12px;flex:0 1 auto}@media(max-width:650px){.topbar>.import-formats{flex-basis:100%;margin:4px 0}.library-import-actions>.import-formats{margin:4px 0;justify-content:flex-start}}
/* Compact assembly: settings scroll independently, keeping the drawing fixed. */
.simple-assembly .simple-assembly-toolbar{gap:8px;margin:0;position:relative}
.simple-assembly .simple-assembly-toolbar>.production-scope{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0;padding:8px 12px;min-width:0}
.simple-assembly-toolbar .production-scope>strong{display:inline-flex;gap:7px;align-items:center;white-space:nowrap}
.simple-assembly-toolbar .production-scope-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.simple-assembly-toolbar .check-label{margin:0}
.simple-assembly-toolbar .assembly-icon-action{width:40px;min-width:40px;padding:9px}
.simple-assembly-help{position:relative;margin:0}
.simple-assembly-help>summary{list-style:none;width:40px;min-width:40px;padding:9px;display:flex;justify-content:center}
.simple-assembly-help>summary::-webkit-details-marker{display:none}
.simple-assembly-help>div{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:min(460px,80vw);max-height:250px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px;box-shadow:0 12px 32px #0005}
.simple-assembly-help p{margin:0 0 8px;font-size:12px;line-height:1.5}
.simple-assembly-help p:last-child{margin-bottom:0}
.simple-assembly>.modal-error:empty{display:none}
.simple-assembly .simple-assembly-footer{padding:8px 0 0}
@media(min-width:701px){
 #modal:has(>.modal-header+ #modalBody>.simple-assembly){height:min(850px,94dvh)}
 #modal>#modalBody:has(>.simple-assembly){display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}
 #modal>#modalBody>.simple-assembly{display:flex;flex-direction:column;gap:10px;height:100%;max-height:100%;flex:1;min-height:0;overflow:hidden}
 #modalBody>.simple-assembly>.simple-assembly-grid{flex:1;min-height:0;height:auto;max-height:none;overflow:hidden;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);align-items:stretch;scrollbar-gutter:auto}
 #modalBody>.simple-assembly .simple-assembly-preview{position:relative;top:auto;align-self:stretch;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;padding:8px}
 #modalBody>.simple-assembly .simple-assembly-preview canvas{width:100%;height:100%;min-height:0;display:block}
 #modalBody>.simple-assembly .simple-assembly-panels{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
 .simple-assembly #simpleAssemblyList{max-height:180px}
 #modalBody>.simple-assembly .simple-assembly-footer{position:static;flex:none}
}
/* Keep checks with the metrics; the former footer becomes a small left card. */
.editor-pane>.checkbar{display:none}
.metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(130px,1.2fr) auto;gap:8px;align-items:center}
body[data-controls=simple] .metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(130px,1.2fr) auto}
.metrics-strip #checkDetails{white-space:nowrap;min-height:32px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;border-color:var(--gold);background:var(--gold);color:#302414}
.metrics-strip #checkDetails>span{color:inherit;font:inherit;letter-spacing:normal;text-transform:none;line-height:1.2;margin:0;white-space:nowrap}
.metrics-strip #checkDetails svg{width:14px;height:14px;flex:none}
body .library-pane>.statusbar.draw-brand-footer{display:flex!important;position:sticky;bottom:0;flex-direction:column;align-items:stretch;justify-content:center;flex:0 0 52px;height:52px;min-height:52px;max-height:52px;padding:4px 9px;gap:2px;margin-top:auto;background:var(--surface);border-top:1px solid var(--line);overflow:hidden}
.library-pane>.draw-brand-footer>.draw-legal-links{order:2;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;height:18px;min-height:18px;width:100%;margin:0}
.library-pane>.draw-brand-footer>.draw-legal-links a{font-size:8px;line-height:16px;white-space:nowrap}
.library-pane>.draw-brand-footer>span{display:none!important}
.library-pane>.draw-brand-footer #drawSponsor{order:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;width:100%;max-width:100%;height:24px;min-height:24px;max-height:24px}
.library-pane>.draw-brand-footer #drawSponsor img{height:22px;max-width:130px;width:auto}
.library-pane>.draw-brand-footer #drawSponsor .draw-sponsor-copy{display:none}
.library-pane>.draw-brand-footer #drawSponsor .draw-sponsor-link{font-size:9px}
.library-pane>.draw-brand-footer #drawSponsor .draw-sponsor-link>span{font-size:12px;margin-left:1px}
@media(max-width:1100px){.metrics-strip #checkDetails>span{display:none}.metrics-strip #checkDetails{width:32px;justify-content:center;padding:7px}.metrics-strip #checkDetails svg:last-child{display:none}}

/* Native-style resize borders: thin edges, larger corners, one visible grip. */
[data-edge-resize]{resize:none!important;box-sizing:border-box}
[data-edge-resize]>.dialog-resize-handle{position:absolute;inset:auto;width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--gold-bright);z-index:30;touch-action:none;box-shadow:none;transform:none}
[data-edge-resize]>.dialog-resize-handle:is([data-resize-direction=n],[data-resize-direction=s]){left:18px;right:18px;height:7px;cursor:ns-resize}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=n]{top:0}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=s]{bottom:0}
[data-edge-resize]>.dialog-resize-handle:is([data-resize-direction=e],[data-resize-direction=w]){top:18px;bottom:18px;width:7px;cursor:ew-resize}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=e]{right:0}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=w]{left:0}
[data-edge-resize]>.dialog-resize-handle:is([data-resize-direction=nw],[data-resize-direction=ne],[data-resize-direction=sw],[data-resize-direction=se]){width:19px;height:19px;z-index:31;cursor:nwse-resize}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=nw]{top:0;left:0}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=ne]{top:0;right:0;cursor:nesw-resize}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=sw]{bottom:0;left:0;cursor:nesw-resize}
[data-edge-resize]>.dialog-resize-handle[data-resize-direction=se]{bottom:1px;right:1px;width:24px;height:24px}
.dialog-resize-handle>svg{width:20px;height:20px;pointer-events:none}
[data-edge-resize]>.dialog-resize-handle:focus-visible{outline:1px solid var(--gold);outline-offset:-2px}
.window-resizing{transition:none!important;animation:none!important;user-select:none}
.notebook-panel[data-edge-resize]{min-width:min(320px,95vw);min-height:240px;max-height:calc(100dvh - 16px)}
.notebook-panel[data-edge-resize]>textarea{min-height:0;max-height:none;flex:1;resize:none}

.b2b-guide-window:has(#b2bGuideWindowBody[hidden])>.dialog-resize-handle{display:none}
.library-pane>.draw-brand-footer #drawSponsor img{max-width:105px}

.b2b-guide-window:has(#b2bGuideWindowBody[hidden]){height:auto!important;min-height:0!important}
.notebook-panel[data-edge-resize]>textarea{height:100%}
.tour-card[data-edge-resize]{overflow:auto}

.motif-art{position:relative}
.hellraiser-artwork-mark{position:absolute;right:8px;bottom:8px;width:27px;height:29px;overflow:hidden;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 3px #000b)}
.motif-art .hellraiser-artwork-mark>img{position:absolute;left:0;top:0;width:145px!important;height:29px!important;max-width:none!important;object-fit:contain;transform:none!important}

.window-user-sized{animation:none!important}

body .library-pane>.statusbar.draw-brand-footer{flex-wrap:nowrap;justify-content:flex-start}
.library-pane>.draw-brand-footer>.draw-legal-links{flex:0 0 18px;max-height:18px}
.library-pane>.draw-brand-footer #drawSponsor{flex:0 0 24px}
.artwork-code-row{display:flex;align-items:center;gap:5px;padding:4px 7px;min-width:0;color:var(--gold-bright)}
.artwork-code{font:600 11px/1.4 ui-monospace,monospace;letter-spacing:.5px;user-select:all;flex:1;white-space:nowrap}
.artwork-code-row>button{display:grid;place-items:center;width:27px;height:26px;padding:4px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--gold-bright);cursor:pointer}
.artwork-code-row>button:hover{background:var(--theme-selected);border-color:var(--gold)}
.artwork-code-row .action-glyph{width:16px;height:16px}
.library-results-list .artwork-code-row{align-self:center}

/* The sidebar card has three rows: artwork/name, code, actions. Keep the
   artwork legible even after restoring a manually sized library viewport. */
.library-pane #libraryAppearance{display:none!important}
.library-pane #motifGrid{grid-auto-rows:max(300px,var(--library-row-height,300px))}
.library-pane #motifGrid .library-motif-tile{height:max(300px,var(--library-row-height,300px));min-height:300px;grid-template-rows:minmax(202px,1fr) auto auto}
.library-pane #motifGrid .motif-card{grid-template-rows:minmax(176px,1fr) 26px;min-height:202px}
.library-pane #motifGrid .motif-art{min-height:176px;padding:8px}
.library-pane #motifGrid .motif-art>svg{width:100%;height:100%}

/* Show supported imports beside the library title, including after Back navigation. */
.modal-header>.library-header-formats{display:none;margin:0 18px;flex:0 1 auto}
#modal:has(#modalBody>.library-browser)>.modal-header>.library-header-formats{display:inline-flex}
@container (max-width:650px){
 #modal:has(#modalBody>.library-browser)>.modal-header{flex-wrap:wrap}
 #modal:has(#modalBody>.library-browser)>.modal-header>.library-header-formats{order:3;flex-basis:100%;justify-content:flex-start;margin:4px 0 0;gap:14px}
}