/* Page management is metadata UI. Card rendering remains in the shared styles. */
.page-workbench-top .page-selector-label{flex-basis:100%;min-width:0}.page-workbench-top .page-selector-label select{max-width:none;min-width:0;text-overflow:ellipsis;font-size:13px}.page-browser-panel{margin-top:12px;border-top:1px dashed #dbede1;padding-top:10px}.page-browser-panel>summary{cursor:pointer;font-size:11px;font-weight:600;color:#3b7651;display:flex;gap:12px;align-items:center;list-style:none}.page-browser-panel>summary:before{content:'›';font-size:17px;color:#78aa88}.page-browser-panel[open]>summary:before{transform:rotate(90deg)}.page-browser-panel>summary span{font-size:10px;color:#849f8e;font-weight:400;overflow-wrap:anywhere}.page-browser{padding:12px 0 3px}.page-browser-toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.page-browser-toolbar label{display:grid;gap:5px;font-size:10px;color:#648a72}.page-browser-search{flex:1;min-width:130px}.page-browser-sort{min-width:150px}.page-browser-toolbar input,.page-browser-toolbar select{width:100%;min-width:0;border:1px solid #cce8d5;border-radius:7px;padding:8px;background:#fbfffc;color:#33694a;font-family:inherit;font-size:11px}.page-filter-count{font-size:10px;color:#7b9a86;align-self:center;white-space:nowrap}.page-filter-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px;max-height:106px;overflow:auto;padding:2px}.page-workbench .page-filter-chip,.page-browser .page-filter-chip{font-size:10px;min-height:26px;padding:5px 9px;border-radius:20px;color:#62836b;border:1px solid #d7ebde;background:#f7fcf8;line-height:1.3}.page-filter-chip[aria-pressed=true]{color:#185e37!important;background:#d5f6e1!important;border-color:#8bd6a3!important}.page-filter-hint{font-size:10px!important;color:#93a498!important;margin:9px 0 0!important;line-height:1.7!important}.page-row-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}.page-row .page-tag{background:#e8f9ee;color:#4e7b5a;border:1px solid #d2edda;border-radius:20px;padding:3px 8px;min-height:23px;font-size:10px}.page-tag-empty{font-size:10px;color:#9aac9f}.page-number{font-size:11px;color:#22834c;background:#e5f9ed;border-radius:6px;padding:5px 8px;white-space:nowrap}.page-row .page-size{color:#648477;background:#f3f6ee;white-space:nowrap}.page-row-rename{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:12px;background:#f2fbf5;border-radius:9px;border:1px dashed #c8e5d1}.page-row-rename>label{display:grid;gap:5px;font-size:11px;color:#60856c}.page-tags-field{border:0;padding:0;margin:0;min-width:0}.page-tags-field legend{padding:0;margin-bottom:7px;font-size:11px;color:#5f846b;font-weight:500}.page-tags-field small{font-size:10px;font-weight:400;color:#8ca793}.page-tag-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.page-tag-inputs input{width:100%;min-width:0;font-size:11px!important;padding:8px!important}.page-info-actions{display:flex;gap:7px;justify-content:flex-end}.page-browser-empty{padding:25px 16px;background:#f6fcf7;border:1px dashed #d3eada;border-radius:10px;text-align:center;font-size:12px;color:#809b88;line-height:1.8}@media(max-width:600px){.page-browser-sort{min-width:120px;flex:1}.page-filter-count{flex-basis:100%;text-align:right}.page-tag-inputs{grid-template-columns:1fr}.page-workbench-top .page-selector-label select{font-size:11px}.page-row .page-size{margin-left:auto}.page-row-name{min-width:100px}.page-tags-field legend small{display:block}.page-browser-panel>summary{align-items:flex-start}}
.page-workbench{max-width:1120px;margin:0 auto 24px;border:1px solid #d1eddb;border-radius:16px;background:#fff;padding:15px 18px;box-shadow:0 4px 20px #438b5411}
.page-workbench-top{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.page-selector-label{display:grid;gap:6px;font-size:10px;color:#6b947a;flex:1;min-width:130px}.page-selector-label select{width:100%;max-width:410px;border:0;background:#f0fcf4;border-radius:8px;color:#246141;font-size:14px;font-weight:650;padding:10px}.page-workbench .button{font-size:11px;padding:9px 13px;min-height:37px}.new-page-button{background:#fff1ae;border-color:#eddf92;color:#5b7438}.new-page-button:hover{background:#ffe88b}
.page-grid-setting{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px dashed #dbede1;margin-top:13px;padding-top:12px}.page-grid-setting label{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;color:#5c8269}.page-grid-setting select{border:1px solid #c6e7d1;border-radius:7px;background:#fcfffd;color:#20683e;padding:5px 8px;font-size:12px}.page-grid-setting>span{font-size:10px;color:#7f9987;line-height:1.7}.page-grid-setting .page-count-label{margin-left:auto;color:#2c9c5b}
.canvas-stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a9dfbd #f0faf3;padding-bottom:12px}.canvas-stage .canvas{min-width:var(--editing-width,0px)}.canvas[data-layout-mode="projected"] .tile-handle{cursor:default;opacity:.65!important}
.pages-dialog{width:850px;max-width:calc(100vw - 28px);max-height:88vh;border:1px solid #c5e8d0;border-radius:22px;padding:0;color:#22563a;background:#fcfffd}.pages-dialog::backdrop,.new-page-dialog::backdrop{background:#194f3540;backdrop-filter:blur(4px)}.pages-dialog .dialog-heading h2,.new-page-dialog .dialog-heading h2{font-size:23px}.pages-dialog .dialog-heading p{font-size:11px;line-height:1.8;color:#7d9985;margin:7px 0 0}.pages-dialog-body{padding:0 27px 27px;max-height:65vh;overflow:auto}.pages-list{display:grid;gap:13px;margin-bottom:18px}.page-row{border:1px solid #d8ecdf;border-radius:13px;padding:15px;background:white}.page-row.current{border-color:#7eda9e;background:#f5fff7}.page-row-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-row-name{flex:1;min-width:130px;font-weight:650;font-size:14px;overflow-wrap:anywhere}.page-status{padding:4px 7px;border-radius:6px;font-size:10px;background:#f5f5eb;color:#8c916e}.page-status.published{background:#dff8e7;color:#368c56}.page-status.home{background:#fff2b4;color:#8b8a32}.page-row-url{margin:10px 0;display:flex;gap:7px}.page-row-url input{min-width:0;flex:1;font-family:inherit;font-size:11px;border:1px solid #deeee3;background:#fbfdfb;padding:8px;border-radius:7px;color:#659171}.page-row .button{font-size:10px;padding:6px 9px;min-height:29px}.page-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.page-row-actions .danger{margin-left:auto;color:#a45a32;border-color:#f2d9c6;background:#fff7f0}.page-row-rename{display:flex;gap:7px;margin:10px 0}.page-row-rename input{min-width:0;flex:1;font-family:inherit;font-size:12px;border:1px solid #bfdcc9;padding:8px;border-radius:7px;color:#275f3e}.page-removal-note{font-size:11px;color:#a67433;background:#fff6d5;border-radius:7px;padding:10px;line-height:1.8;margin-top:10px}
.new-page-dialog{width:530px;max-width:calc(100vw - 28px);max-height:90vh;padding:0;border:1px solid #c5e8d0;border-radius:22px;color:#22563a;background:#fff}.new-page-fields{padding:0 27px 20px;display:grid;gap:20px}.new-page-fields label{display:grid;gap:8px;font-size:12px;color:#497958;font-weight:600}.new-page-fields input,.new-page-fields select{width:100%;min-width:0;padding:11px;border:1px solid #cee8d6;border-radius:8px;font:inherit;color:#2f6842;background:#fcfffd}.new-page-fields p{margin:0;line-height:1.9}
.public-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 0 18px;margin-bottom:14px;scrollbar-width:thin}.public-nav a{flex:none;text-decoration:none;color:#6f937a;font-size:12px;padding:9px 14px;border:1px solid #d8eddf;border-radius:99px;background:#fff}.public-nav a[aria-current="page"]{background:#cefbde;border-color:#9be4b5;color:#227443;font-weight:650}.public-nav a:hover{background:#eefff3}.public-header .brand{flex-shrink:1}.public-page-name{overflow-wrap:anywhere}.public-intro h1 .public-page-name{white-space:normal}
.preview-mode .page-workbench{display:none}
@media(max-width:760px){.page-workbench{padding:12px;margin-bottom:20px}.page-selector-label select{font-size:12px}.page-workbench .button{font-size:10px;padding:8px 10px}.page-grid-setting{gap:9px}.page-grid-setting>span:not(.page-count-label){flex-basis:100%;order:1}.page-grid-setting .page-count-label{font-size:10px}.pages-dialog-body{padding:0 16px 20px}.page-row{padding:12px}.page-row-actions .danger{margin-left:0}.new-page-fields{padding:0 20px 18px}.public-nav a{font-size:11px;padding:8px 12px}.public-nav{padding-bottom:12px}.canvas-meta{flex-wrap:wrap}}