/* Functional page controls sit below the view switch; the canvas stays roomy. */
.builder-pages,#code-pages{flex-shrink:0;min-width:0}
.site-pages{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#f8fafc;border-bottom:1px solid #d7e2ec;min-height:65px}
.pages-label{font-size:16px;font-weight:700;color:#58728a;white-space:nowrap;margin-right:7px}
.page-chips{display:flex;gap:7px;overflow-x:auto;min-width:0;scrollbar-width:thin;padding:2px;flex:0 1 auto}
.site-pages button,.builder-workspace .site-pages button{min-height:44px;font:600 16px var(--rocode-font-family);border:1px solid #d3deea;background:#fff;color:#45627d;border-radius:8px;padding:9px 15px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}
.page-chips button>span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.site-pages button[aria-pressed=true],.builder-workspace .site-pages button[aria-pressed=true]{background:#e7f0ff;border-color:#78a1e2;color:#2158aa;box-shadow:inset 0 -2px #8eafe0}
.site-pages button:hover:not(:disabled){border-color:#80a4d6;background:#eef4ff}
.page-home{font-size:24px;font-weight:400;line-height:20px}
.site-pages .new-page-control,.builder-workspace .site-pages .new-page-control{color:#2158aa;background:transparent;border:1px dashed #a9bdd5;flex-shrink:0}
.site-pages .page-settings-control,.builder-workspace .site-pages .page-settings-control{margin-left:auto;flex-shrink:0;letter-spacing:normal;min-width:44px;padding:9px 12px;border:1px solid #d3deea;background:#fff}
.page-icon{width:18px;height:20px;flex-shrink:0}
.site-pages button:focus-visible,.page-dialog button:focus-visible,.section-library button:focus-visible{outline:3px solid #1f4fbf;outline-offset:2px}
.page-dialog{width:min(500px,calc(100vw - 28px));font-size:17px;border-radius:12px}
.page-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e0e8f0;padding:20px 24px;background:#fff}
.page-dialog-heading h2,.builder-workspace .page-dialog-heading h2{font-size:24px;line-height:1.3;margin:0}
.page-dialog-heading p{font-size:16px;line-height:1.5;color:#5c7389;margin:8px 0 0}
.page-dialog-heading button,.builder-workspace .page-dialog-heading button{border:0;background:#eff3f8;border-radius:8px;color:#47627d;width:44px;min-height:44px;flex-shrink:0;font-size:27px;padding:0}
.page-dialog form{padding:24px}
.page-name-label{display:block;font-size:17px;font-weight:650}
.page-name-label input{display:block;width:100%;height:48px;margin-top:10px;padding:10px 12px;border:1px solid #b1c6db;border-radius:7px;color:#17324d;font:17px var(--rocode-font-family)}
.page-dialog-tip{font-size:15px;line-height:1.6;color:#5d7287;margin:18px 0}
.page-dialog-error{color:#9c3434;background:#fff2f2;font-size:16px;line-height:1.5;padding:12px;border-radius:6px}
.page-dialog button{min-height:44px;font:600 16px var(--rocode-font-family);border:1px solid #bfd0e0;border-radius:7px;padding:10px 14px;background:#fff;color:#355776}
.page-dialog-footer,.page-order{display:flex;justify-content:space-between;gap:10px}
.page-dialog-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e1e8f0}
.page-dialog button.primary,.builder-workspace .page-dialog button.primary{background:#326dd0;color:#fff;border-color:#326dd0}
.page-dialog [data-remove],.builder-workspace .page-dialog [data-remove]{color:#a23f3f;background:#fff}
.page-start{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;padding:0;border:0}
.page-start legend{font-size:16px;font-weight:650;margin-bottom:12px}
.page-start label{min-height:54px;display:flex;align-items:center;gap:9px;border:1px solid #d0deea;border-radius:7px;padding:10px;font-size:16px;cursor:pointer}
.page-start label:has(input:checked){background:#eef4ff;border-color:#7ca1dc}
.page-start input{width:20px;height:20px;accent-color:#326dd0;flex-shrink:0}
.section-library{width:min(820px,calc(100vw - 28px));border-radius:14px;max-height:90dvh}
.section-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;background:#f7f9fc}
.section-template-grid>button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid #d4e0ec;border-radius:10px;background:#fff;padding:10px 10px 16px;text-align:left;cursor:pointer;color:#274d70;font-family:var(--rocode-font-family)}
.section-template-grid>button:hover{border-color:#6797dc;background:#f2f7ff;box-shadow:0 3px 12px #264d7810}
.section-template-grid strong{display:block;font-size:18px;margin:15px 5px 7px}
.template-description{display:block;font-size:14px;line-height:1.5;color:#5e758b;margin:0 5px}
.section-miniature{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;height:132px;padding:16px;border-radius:6px;background:#edf4fd;pointer-events:none;overflow:hidden}
.section-miniature>img{width:43%;height:94px;object-fit:contain}
.mini-words{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}
.mini-words b{height:7px;background:#336ab9;border-radius:3px;width:85%}.mini-words b:nth-child(2){width:60%}
.mini-words i,.mini-photo i,.mini-person i{display:block;height:4px;border-radius:3px;background:#9fb7d0}
.mini-words em{width:40px;height:15px;background:#6496dc;border-radius:4px;margin-top:4px}
.mini-profile{background:#eef6ef}.mini-showcase{background:#fff5df}.mini-team{background:#f2eeff}.mini-gallery{background:#edf6f8}
.mini-photo{height:72px;flex:1;display:flex;flex-direction:column;gap:12px;font:36px/1 Arial,sans-serif;text-align:center;color:#7ca9b5;padding:9px 5px;background:#fff;border-radius:4px}
.mini-person{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.mini-person img{height:70px;width:100%;object-fit:contain}.mini-person i{width:90%}
.mini-blank-mark{border:2px dashed #b8cadd;display:grid;place-items:center;width:100%;height:100%;border-radius:6px;font-size:30px;font-weight:400;color:#91aac2}
.section-library-foot{font-size:14px;color:#5a738b;margin:0;padding:16px 24px;border-top:1px solid #e2e9f1}
@media(max-width:800px){.site-pages{padding:8px 12px;gap:6px}.page-chips button>span:last-child{max-width:130px}.section-template-grid{gap:10px;padding:16px}}
@media(max-width:600px){.site-pages{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.site-pages .pages-label{grid-row:1;grid-column:1;margin:0}.site-pages .page-chips{grid-row:2;grid-column:1}.site-pages .new-page-control{grid-row:2;grid-column:2}.site-pages .page-settings-control{grid-row:1;grid-column:2}}
@media(max-width:600px){.section-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-miniature{flex-shrink:0;height:116px;padding:10px;gap:7px}.section-template-grid strong{font-size:17px}.page-dialog-heading{padding:16px}.page-dialog-heading h2{font-size:21px}.page-dialog-heading p{font-size:14px}.section-library-foot{padding:14px 16px}.site-pages button,.builder-workspace .site-pages button{font-size:15px;padding:8px 12px}.page-dialog form{padding:20px}}
@media(max-width:720px){.builder-preview-paper{height:65dvh;min-height:420px;flex:none}.builder-preview-paper iframe{height:100%;min-height:0}}