.manual-layout-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#checkLayout{font:inherit;font-size:12px;padding:6px 12px;border:1px solid #d5bcc4;border-radius:10px;background:#fbe9ee;color:#43353b;cursor:pointer}#layoutCheckStatus{font-size:12px}#layoutCheckDetails{max-width:min(600px,90vw);max-height:70vh;overflow:auto;border:1px solid #d5bcc4;border-radius:16px;background:#fffafc;padding:20px}#layoutCheckIssues>div{margin:12px 0;line-height:1.6}#layoutCheckIssues button{margin-left:8px}#layoutCheckDetails::backdrop{background:#30282c55}@media(max-width:760px){.manual-layout-actions{gap:4px}#layoutCheckStatus{max-width:130px}}

#checkLayout{position:relative}#checkLayout[data-unread="true"]::after{content:"";position:absolute;width:7px;height:7px;background:#d34242;border-radius:50%;top:2px;right:3px;border:1px solid #fffafc}#layoutCheckIssues .layout-issue{margin:12px 0}#layoutCheckIssues p{margin:5px 0}.layout-issue.warning strong{color:#8c5d26}.layout-issue.error strong{color:#a33444}
/* Frame-only scrolling repair: no changes to sibling editors. */
html body .zl-editor[data-editor="frame"] .ze-motif-navigation .ze-motif-categories{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px!important}
html body .zl-editor[data-editor="frame"] .ze-motif-categories::-webkit-scrollbar{display:block;height:8px}
html body .zl-editor[data-editor="frame"] .ze-motif-categories::-webkit-scrollbar-thumb{background:#b7a5ae;border-radius:8px}
html body .zl-editor[data-editor="frame"] .zl-panel{overflow-y:auto;scrollbar-width:thin}
html body .zl-editor[data-editor="frame"] .zl-panel::-webkit-scrollbar{width:8px}
html body .zl-editor[data-editor="frame"] .zl-panel::-webkit-scrollbar-thumb{background:#b7a5ae;border-radius:8px}

html[data-editor-layout=frame] body .zl-editor #frame-panel-image{overflow-y:auto!important;min-height:0;scrollbar-width:thin}
html[data-editor-layout=frame] body .zl-editor #iconCategories{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin!important;padding-bottom:6px!important}

#manufacturingReview{width:min(600px,90vw);max-height:75vh;overflow:auto;padding:22px;border:1px solid #d5bcc4;border-radius:16px;background:#fffafc;color:#43353b}#manufacturingReview::backdrop{background:#30282c66}.manufacturing-risk{margin:14px 0}.manufacturing-risk p{margin:5px 0}.manufacturing-risk.warning strong{color:#8c5d26}.manufacturing-risk.error strong{color:#a33444}.manufacturing-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#manufacturingReview button{font-size:12px}

/* Separate dialog controls and boundary key from selection/history actions. */
#layoutCheckDetails{width:min(600px,90vw);box-sizing:border-box}#layoutCheckTitle{margin:0 70px 18px 0;font-size:22px}#closeLayoutCheck{position:absolute;top:14px;right:14px;font:inherit;font-size:13px;padding:6px 10px}#layoutCheckIssues strong{overflow-wrap:anywhere}
html[data-editor-layout=frame] .zl-stage #limitLegend.frame-limit-legend{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:8px 12px;font-size:11px;line-height:1.5;min-height:28px;box-sizing:border-box;z-index:auto}
/* Reserve the legend row so selection never changes the touch coordinate system. */
html[data-editor-layout=frame] .zl-stage #limitLegend[hidden]{display:flex!important;visibility:hidden;pointer-events:none}