.custom-html-admin{display:grid;gap:22px;min-width:0}.custom-html-admin .surface{min-width:0}.custom-html-admin h2{margin-top:12px}.custom-html-requirements{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.custom-html-requirements summary{cursor:pointer;font-weight:600}.custom-html-requirements pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper,#f8f6f1);padding:16px;border-radius:10px;font-size:12px}.custom-html-source{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;min-height:340px;resize:vertical;overflow-wrap:normal;white-space:pre;width:100%;box-sizing:border-box}.custom-html-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.custom-html-file-label{position:relative;cursor:pointer}.custom-html-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.custom-html-file-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.custom-html-report{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#f8f6f1)}.custom-html-issues{color:#9a3d21}.custom-html-checks{list-style:none;padding:0;display:grid;gap:8px}.custom-html-warnings{color:#705226}.custom-html-report li{overflow-wrap:anywhere;margin-bottom:6px}.custom-html-history{display:grid;gap:12px}.custom-html-history article{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:16px}.custom-html-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.custom-html-history small{color:var(--muted)}.custom-html-history .button{flex-shrink:0}.custom-html-frame-wrap{position:relative;min-width:0;width:100%;background:white}.custom-html-frame{border:0;width:100%;height:700px;display:block;background:white}.custom-html-frame-status{font-size:13px;color:var(--muted);margin:0;padding:8px 16px;background:var(--paper,#f8f6f1)}.custom-html-frame-status:empty{display:none}.custom-html-preview-section[hidden]{display:none}.custom-html-preview-section{overflow:hidden}.custom-html-preview-section .custom-html-frame-wrap{border:1px solid var(--line);border-radius:8px;margin-top:16px;overflow:hidden}.custom-html-fixed-actions{position:sticky;bottom:0;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px max(24px,calc((100vw - 1200px)/2));border-top:1px solid var(--line);background:rgba(251,249,244,.98);box-shadow:0 -8px 30px #172e3510}.custom-html-fixed-actions p{margin:5px 0 0;font-size:12px;color:var(--muted)}.custom-html-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.custom-html-action-buttons .button{white-space:nowrap}.custom-html-unavailable{padding-top:70px;padding-bottom:70px}@media(max-width:640px){.custom-html-fixed-actions{display:block;padding:12px 16px}.custom-html-fixed-actions>div:first-child{display:none}.custom-html-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.custom-html-action-buttons .button{font-size:13px;padding:11px 10px}.custom-html-action-buttons .button:last-child{grid-column:1/-1;padding:4px}.custom-html-toolbar>.button,.custom-html-toolbar>.custom-html-file-label{flex:1 1 150px}.custom-html-source{min-height:320px;font-size:12px}.custom-html-history article{align-items:flex-start;flex-direction:column}.custom-html-preview-section.surface{padding:14px}.custom-html-admin .row-between{gap:10px}.custom-html-admin .custom-html-report{padding:14px}}
/* Page editor and component catalogue share the existing draft protection. */
.custom-html-design-shell{display:grid;gap:16px;min-width:0}.custom-html-design-surface.surface{padding:18px}.custom-html-design-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:8;background:#fff;padding:10px 0;border-bottom:1px solid var(--line)}.custom-html-design-bar h2{font:600 20px/1.5 var(--sans);margin:0}.custom-html-design-bar p{margin:3px 0 0}.custom-html-design-bar .custom-html-toolbar{margin:0;gap:7px}.custom-html-design-bar .button{padding:9px 12px}.custom-html-design-guide{margin:12px 0 3px}.custom-html-page-options{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.custom-html-page-options>summary{cursor:pointer;font-weight:600;padding:6px 0}.custom-html-page-options[open]>summary{margin-bottom:12px}.custom-html-editor-heading.surface{padding:12px 18px;display:flex;align-items:center;gap:14px}.custom-html-editor-heading p{margin:0}.custom-html-design-shell [data-custom-html-current-status]{margin:0 0 8px}.custom-html-design-shell .custom-html-publish-option{font-size:12px;margin-top:12px}.custom-html-admin:has(.custom-html-design-shell){gap:12px}
@media(min-width:801px){.admin-shell:has(.custom-html-design-shell.is-wide){grid-template-columns:1fr}.admin-shell:has(.custom-html-design-shell.is-wide)>.sidebar{display:none}.admin-shell:has(.custom-html-design-shell.is-wide)>.admin-main{grid-column:1/-1}.admin-main:has(.custom-html-design-shell.is-wide)>.admin-content{max-width:none;padding:16px 24px 40px}.admin-content:has(.custom-html-design-shell)>.admin-title{display:none}.admin-content:has(.custom-html-design-shell)>.demo-banner{margin-bottom:12px;padding:8px 14px}}
@media(max-width:800px){.custom-html-design-surface.surface{padding:12px}.custom-html-design-bar{position:static;display:block}.custom-html-design-bar .custom-html-toolbar{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.custom-html-design-bar .button{min-height:42px;font-size:12px}.custom-html-design-bar [data-action="custom-html-workspace"]{display:none}.custom-html-editor-heading.surface{align-items:flex-start;flex-direction:column;gap:7px}.custom-html-design-guide{font-size:12px}.custom-html-design-shell{gap:12px}}
@media(min-width:801px){.admin-main:has(.custom-html-design-shell.is-wide)>.admin-topbar,.website-manager:has(.custom-html-design-shell.is-wide)>.website-manager-tabs{display:none}.admin-main:has(.custom-html-design-shell.is-wide)>.admin-content{padding-top:12px}.custom-html-design-shell.is-wide .custom-html-design-surface{padding-top:8px}.custom-html-design-shell.is-wide .custom-html-design-guide{font-size:12px}}
.custom-html-pages{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.custom-html-pages>.field{flex:1 1 300px;min-width:0}.custom-html-pages>p{flex-basis:100%;margin:0}.custom-html-component-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;align-items:start}.custom-html-component{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px}.custom-html-component[hidden]{display:none}.custom-html-component summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.custom-html-component summary code{font-size:12px;overflow-wrap:anywhere}.custom-html-component pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:240px;overflow:auto;background:var(--paper);padding:12px;border-radius:6px}.custom-html-component p{font-size:14px;overflow-wrap:anywhere}.custom-html-preview-viewport{width:100%;max-width:100%;overflow:auto;background:var(--paper);padding:12px;box-sizing:border-box}.custom-html-preview-viewport[data-preview-size="mobile"]>.custom-html-frame-wrap{width:375px;max-width:none;margin-inline:auto}.custom-html-preview-viewport[data-preview-size="desktop"]>.custom-html-frame-wrap{width:100%}.custom-html-preview-section [aria-pressed="true"]{background:var(--ink);color:white}.custom-html-info{color:var(--muted)}.custom-html-admin input,.custom-html-admin select{min-width:0;max-width:100%}.custom-html-admin [data-custom-html-page-body][inert]{opacity:.6}.custom-html-admin [data-custom-html-page-status]{overflow-wrap:anywhere}
/* Page packages keep editing beside a stable page identity and publication history. */
.page-package-shell{max-width:1200px;margin:0 auto;width:100%}.page-package-shell .custom-html-design-bar{position:static;align-items:flex-start}.page-package-shell .page-package-save-hint{margin:14px 0 20px}.page-package-shell h3{margin:0 0 8px;font-size:19px;line-height:1.5}.page-package-shell p{line-height:1.7}.page-package-start>p{color:var(--muted)}.page-package-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.page-package-mode-card,.page-package-template-card{appearance:none;text-align:left;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line,#d6dfdc);border-radius:14px;padding:24px;color:var(--ink,#173535);font:inherit;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}.page-package-mode-card:hover,.page-package-template-card:hover{border-color:var(--accent,#bd7249);box-shadow:0 6px 20px #1537380c}.page-package-mode-card:focus-visible,.page-package-template-card:focus-visible{outline:3px solid var(--accent,#bd7249);outline-offset:3px}.page-package-mode-card:disabled,.page-package-template-card:disabled{cursor:default;opacity:.7}.page-package-mode-card>strong,.page-package-template-card>strong{font-size:20px}.page-package-mode-card>span:not(.page-package-choice-icon),.page-package-template-card>span:not(.page-package-template-mini){color:var(--muted,#5d706d);line-height:1.8;font-size:14px}.page-package-mode-card>b,.page-package-template-card>b{font-size:13px;margin-top:auto;color:var(--accent,#995538)}.page-package-choice-icon{display:grid;place-items:center;width:48px;height:44px;border-radius:10px;background:#edf3ef;color:#31564a;font-size:22px;font-family:ui-monospace,monospace}.page-package-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.page-package-template-card{padding:16px}.page-package-template-card>strong{font-size:18px}.page-package-template-mini{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;align-content:center;width:100%;height:130px;border-radius:9px;background:#f0eadd;padding:18px;box-sizing:border-box}.page-package-template-mini i{display:block;grid-column:1;width:45%;height:5px;background:#bca98b}.page-package-template-mini b{display:block;grid-column:1;width:90%;height:16px;background:#354e43;border-radius:2px}.page-package-template-mini em{display:block;grid-column:1;width:75%;height:22px;background:repeating-linear-gradient(#a4ae9c 0 3px,transparent 3px 8px)}.page-package-template-mini>span{grid-column:2;grid-row:1/4;display:block;background:#c3cfb9;border-radius:50% 50% 12px 12px}.page-package-template-mini.mini-1{background:#ecf0f6}.page-package-template-mini.mini-1 b{background:#394d77}.page-package-template-mini.mini-1>span{background:#b9c9df;border-radius:8px}.page-package-template-mini.mini-2{background:#f7eeee}.page-package-template-mini.mini-2 b{background:#735455}.page-package-template-mini.mini-2>span{background:#dabcbc;border-radius:70px}.page-package-template-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0 16px}.page-package-template-heading h3{margin-top:10px}.page-package-template-heading p{margin:4px 0;color:var(--muted)}.page-package-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:12px 0 24px}.page-package-fields>.field{margin:0}.page-package-field-wide{grid-column:1/-1}.page-package-fields input,.page-package-fields textarea{box-sizing:border-box;width:100%}.page-package-color{display:flex;align-items:center;gap:12px}.page-package-color input[type=color]{width:64px;height:42px;padding:4px;cursor:pointer}.page-package-color output{font:13px ui-monospace,monospace;color:var(--muted)}.page-package-image-row{display:flex;align-items:center;gap:18px}.page-package-image-preview{width:160px;height:105px;flex-shrink:0;border:1px solid var(--line);background:#f2f5f2;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:12px}.page-package-image-preview img{width:100%;height:100%;object-fit:contain}.page-package-image-row .field-hint{margin:10px 0 0}.page-package-transfer{padding:22px;background:#f6f8f6;border:1px solid var(--line);border-radius:12px;margin:22px 0 8px}.page-package-transfer h3{font-size:17px}.page-package-steps{display:flex;flex-wrap:wrap;gap:10px 28px;margin:12px 0;padding-left:20px;color:var(--muted);font-size:13px}.page-package-steps li{padding-left:2px}.page-package-transfer .custom-html-toolbar{margin:18px 0 10px}.page-package-transfer>p{margin:0}.page-package-transfer [role=status]{font-size:13px;margin-top:10px;overflow-wrap:anywhere}.page-package-import-preview[hidden]{display:none}.page-package-import-preview{min-width:0;overflow:hidden}.page-package-import-preview h2{margin:8px 0}.page-package-import-preview .custom-html-frame-wrap{overflow:hidden;border:1px solid var(--line);border-radius:8px}.page-package-shell textarea[hidden]{display:none!important}
@media(max-width:1000px){.page-package-template-grid{grid-template-columns:1fr}.page-package-template-card{display:grid;grid-template-columns:140px 1fr;gap:6px 18px;align-items:start}.page-package-template-mini{height:115px;grid-row:1/4}.page-package-template-card>strong,.page-package-template-card>span:not(.page-package-template-mini),.page-package-template-card>b{grid-column:2}.page-package-mode-card{padding:18px}.page-package-shell .custom-html-design-bar{display:block}.page-package-shell .custom-html-design-bar .custom-html-toolbar{margin-top:12px}}
@media(max-width:600px){.page-package-mode-grid,.page-package-fields{grid-template-columns:1fr}.page-package-mode-card{padding:20px}.page-package-template-card{grid-template-columns:90px 1fr;gap:7px 12px}.page-package-template-mini{height:100px;padding:12px;gap:6px}.page-package-template-card>strong{font-size:16px}.page-package-template-card>span:not(.page-package-template-mini){font-size:12px}.page-package-image-row{align-items:flex-start;flex-direction:column;gap:12px}.page-package-image-preview{width:100%;height:160px}.page-package-transfer{padding:16px}.page-package-steps{display:block}.page-package-steps li{margin:8px 0}.page-package-template-heading{flex-direction:column;gap:2px}.page-package-shell .custom-html-design-bar .custom-html-toolbar{grid-template-columns:1fr}.page-package-import-preview.surface{padding:14px}.page-package-import-preview .custom-html-preview-viewport{padding:0}.page-package-template-grid{gap:10px}}
.page-package-field-group{border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fff;padding:0 18px}.page-package-field-group>summary{cursor:pointer;font-weight:600;padding:15px 0;list-style-position:inside}.page-package-field-group>summary>span{float:right;color:var(--muted);font-size:12px;font-weight:400}.page-package-field-group[open]>summary{border-bottom:1px solid var(--line)}.page-package-field-group .page-package-fields{margin:18px 0}.page-package-field-group .page-package-image-preview{width:160px}@media(max-width:600px){.page-package-field-group{padding:0 12px}.page-package-field-group .page-package-image-preview{width:100%}}
/* Section templates keep one compact outline and one focused editor. */
.page-package-style-tabs{display:flex;gap:8px;margin:20px 0}.page-package-outline-heading,.page-package-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 14px}.page-package-outline-heading h3,.page-package-section-title h3{margin:3px 0 7px}.page-package-outline-heading p,.page-package-section-title p{margin:0;color:var(--muted);font-size:14px;max-width:65ch}.page-package-section-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.page-package-section-row{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.page-package-section-row.is-hidden-section{background:#f7f8f6}.page-package-section-number{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:3px}.page-package-section-copy{flex:1;min-width:0}.page-package-section-copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.page-package-section-copy p{color:var(--muted);font-size:13px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.page-package-section-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.page-package-section-controls .field-hint{margin:0}.page-package-toggle{border:0;padding:3px;width:38px;height:23px;border-radius:20px;background:#c6ceca;cursor:pointer}.page-package-toggle>span{display:block;background:#fff;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 2px #0003}.page-package-toggle[aria-checked=true]{background:#2e6a56}.page-package-toggle[aria-checked=true]>span{transform:translateX(15px)}.page-package-move{display:flex;gap:1px}.page-package-move .button{padding:5px 8px;min-width:29px}.page-package-section-editor{border-top:1px solid var(--line);padding-top:20px}.page-package-section-title{align-items:flex-start}.page-package-section-editor .page-package-fields{margin-top:24px}.page-package-section-bottom{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.page-package-section-bottom small{color:var(--muted)}.page-package-template-card:focus-visible,.page-package-toggle:focus-visible{outline:3px solid #759c90;outline-offset:3px}
@media(max-width:760px){.page-package-outline-heading,.page-package-section-title{align-items:flex-start;flex-direction:column;gap:12px}.page-package-section-row{flex-wrap:wrap;gap:10px;padding:13px}.page-package-section-copy{flex-basis:calc(100% - 35px)}.page-package-section-controls{width:100%;padding-left:28px;justify-content:flex-end;gap:12px}.page-package-section-controls .page-package-toggle{margin-right:auto}.page-package-section-controls .field-hint{margin-right:auto}.page-package-section-bottom{flex-direction:column;align-items:flex-start}.page-package-section-editor .page-package-image-row{flex-direction:column;align-items:stretch}.page-package-style-tabs .button{flex:1}.page-package-template-heading>.button{align-self:flex-start}}
.page-package-style-tabs{flex-wrap:wrap}
@media(max-width:600px){.page-package-style-tabs{display:grid;grid-template-columns:1fr 1fr}.page-package-style-tabs .button{font-size:13px;padding:10px 7px}}
/* Each thumbnail is a small layout diagram: image, heading, text and action. */
.page-package-template-mini{position:relative;display:block;overflow:hidden;padding:0;background:#eef3ed}
.page-package-template-mini i,.page-package-template-mini b,.page-package-template-mini em,.page-package-template-mini>span{position:absolute;display:block;grid-column:auto;grid-row:auto;margin:0}
.page-package-template-mini i{left:auto;right:7%;top:15%;width:35%;height:68%;background:#b8cbb4;border-radius:5px}
.page-package-template-mini b{left:7%;top:22%;width:43%;height:12%;background:#355448;border-radius:2px}
.page-package-template-mini em{left:7%;top:44%;width:42%;height:26%;background:repeating-linear-gradient(#94a798 0 3px,transparent 3px 8px)}
.page-package-template-mini>span{left:7%;top:79%;width:26%;height:8%;background:#668579;border-radius:3px}
.page-package-template-mini.mini-expert-home{background:#f4eee4}.page-package-template-mini.mini-expert-home i{width:36%;border-radius:80px 80px 8px 8px;background:#bdb8a9}
.page-package-template-mini.mini-story-home{background:#f2e8dc}.page-package-template-mini.mini-story-home i{width:90%;height:44%;left:5%;right:auto;top:6%}.page-package-template-mini.mini-story-home b{top:60%;width:68%}.page-package-template-mini.mini-story-home em{top:76%;width:81%;height:9%}.page-package-template-mini.mini-story-home>span{top:89%;height:6%;width:36%}
.page-package-template-mini.mini-course-sales{background:#294b40}.page-package-template-mini.mini-course-sales b{background:#f4e6c7}.page-package-template-mini.mini-course-sales em{background:repeating-linear-gradient(#aac5b7 0 3px,transparent 3px 8px)}.page-package-template-mini.mini-course-sales>span{background:#e1c585}
.page-package-template-mini.mini-webinar-sales{background:#edeaf3}.page-package-template-mini.mini-webinar-sales b{background:#4e3565;left:15%;top:18%;width:70%}.page-package-template-mini.mini-webinar-sales em{left:22%;top:39%;width:56%;height:17%}.page-package-template-mini.mini-webinar-sales>span{left:34%;top:64%;width:32%;background:#89709b}.page-package-template-mini.mini-webinar-sales i{left:9%;top:83%;width:82%;height:10%;border-radius:3px;background:repeating-linear-gradient(90deg,#c5b5d6 0 28%,transparent 28% 34%)}
.page-package-template-mini.mini-coaching-sales{background:#eaf0f3}.page-package-template-mini.mini-coaching-sales i{border-radius:50%;width:30%;height:57%;right:7%;top:22%;background:#b8c6d2}
.page-package-template-mini.mini-brand-story{background:#f7f0e5}.page-package-template-mini.mini-brand-story i{width:100%;height:45%;top:0;left:0;border-radius:0;background:#d8c3a5}.page-package-template-mini.mini-brand-story b{top:59%;width:73%}.page-package-template-mini.mini-brand-story em{top:76%;height:10%;width:85%}.page-package-template-mini.mini-brand-story>span{top:91%;height:4%;width:86%}
.page-package-template-mini.mini-brand-professional{background:#edf0f4}.page-package-template-mini.mini-brand-professional i{width:35%;right:6%;left:auto;height:77%;top:11%;border-radius:3px;background:#b9c5d3}.page-package-template-mini.mini-brand-professional>span{height:13%;width:44%;top:78%;background:repeating-linear-gradient(90deg,#acbcc5 0 28%,transparent 28% 34%)}
.page-package-template-mini.mini-instructor-profile{background:#eef3f4}.page-package-template-mini.mini-instructor-profile i{width:33%;height:70%;border-radius:50% 50% 8px 8px;right:8%;top:15%;background:#aebfc4}.page-package-template-mini.mini-instructor-profile>span{height:4%;width:35%;top:79%}
.page-package-template-mini.mini-instructor-resume{background:#f7f2e9}.page-package-template-mini.mini-instructor-resume i{width:28%;height:44%;border-radius:50%;top:6%;left:36%;background:#c9bba3}.page-package-template-mini.mini-instructor-resume b{width:45%;top:57%;height:8%;left:28%}.page-package-template-mini.mini-instructor-resume em{width:66%;height:10%;left:17%;top:72%}.page-package-template-mini.mini-instructor-resume>span{width:74%;height:5%;left:13%;top:88%}
/* Match the real hero compositions rather than implying a different layout. */
.page-package-template-mini.mini-expert-home i,.page-package-template-mini.mini-instructor-profile i{left:7%;right:auto;width:34%}
.page-package-template-mini.mini-expert-home b,.page-package-template-mini.mini-instructor-profile b{left:49%;width:44%}
.page-package-template-mini.mini-expert-home em,.page-package-template-mini.mini-instructor-profile em{left:49%;width:43%}
.page-package-template-mini.mini-expert-home>span,.page-package-template-mini.mini-instructor-profile>span{left:49%;width:29%}
.page-package-template-mini.mini-story-home b,.page-package-template-mini.mini-brand-story b{left:17%;top:9%;width:66%;height:10%}
.page-package-template-mini.mini-story-home em,.page-package-template-mini.mini-brand-story em{left:24%;top:26%;width:52%;height:14%}
.page-package-template-mini.mini-story-home>span,.page-package-template-mini.mini-brand-story>span{left:35%;top:47%;width:30%;height:6%}
.page-package-template-mini.mini-story-home i,.page-package-template-mini.mini-brand-story i{left:5%;top:63%;width:90%;height:33%;border-radius:0}
.page-package-template-mini.mini-coaching-sales i,.page-package-template-mini.mini-instructor-resume i{left:auto;right:7%;top:13%;width:34%;height:74%;border-radius:2px}
.page-package-template-mini.mini-instructor-resume b{left:7%;top:22%;width:43%;height:12%}
.page-package-template-mini.mini-instructor-resume em{left:7%;top:44%;width:42%;height:26%}
.page-package-template-mini.mini-instructor-resume>span{left:7%;top:79%;width:32%;height:4%}
/* Full-page template previews never replace the editor or its scroll position. */
.page-package-template-card{cursor:default}.page-package-template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.page-package-template-actions .button{flex:1;white-space:nowrap;font-size:13px;padding:9px 10px}.modal.page-template-preview-modal{width:min(1280px,96vw);max-width:1280px;height:min(920px,94dvh);max-height:94dvh;display:flex;flex-direction:column;overflow:hidden;padding:22px}.page-template-preview-modal>.modal-head{flex-shrink:0;margin-bottom:12px}.page-template-preview-modal .modal-head h2{font-size:20px}.page-template-preview{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.page-template-preview-notice{background:#f3f5f0;border:1px solid var(--line);border-radius:9px;padding:12px 15px}.page-template-preview-notice p{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.65}.page-template-preview-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.page-template-preview-tools>div{display:flex;gap:7px;flex-wrap:wrap}.page-template-preview-tools [aria-pressed=true]{background:#254b49;color:#fff;border-color:#254b49}.page-template-preview-status{font-size:13px;color:var(--muted);flex-shrink:0}.page-template-preview-status .custom-html-report{max-height:24vh;overflow:auto}.page-template-preview-scroll{overflow:auto;flex:1;min-height:0;background:#e7ebe7;border:1px solid var(--line);border-radius:9px;overscroll-behavior:contain}.page-template-preview-viewport{min-height:400px;background:white;margin:0 auto;box-sizing:border-box}.page-template-preview-viewport[data-preview-size=desktop]{width:1100px;min-width:100%}.page-template-preview-viewport[data-preview-size=mobile]{width:375px;min-width:375px}.page-template-preview-viewport .custom-html-frame-wrap{max-width:none;margin:0}.page-template-preview-viewport iframe{width:100%;min-height:500px;display:block;border:0}.page-template-preview-viewport .custom-html-frame-status{margin:0;padding:8px 12px;font-size:12px}
@media(max-width:850px){.page-package-template-actions{grid-column:2}.modal.page-template-preview-modal{width:98vw;height:96dvh;max-height:96dvh;padding:14px}.page-template-preview-notice{padding:9px 11px}.page-template-preview-tools .button{font-size:12px;padding:8px 10px}.page-template-preview-modal .modal-head h2{font-size:17px}.page-template-preview-scroll{border-radius:5px}}
@media(max-width:600px){.page-package-template-actions .button{white-space:normal;min-width:70px}.page-template-preview-tools{gap:8px}.page-template-preview-tools>div{flex:1}.page-template-preview-tools>div .button{flex:1}.page-template-preview-notice p{font-size:12px}.page-template-preview-status{font-size:12px}}
.page-template-preview-tools .button[aria-pressed=true],.page-template-preview-tools .button[aria-pressed=true]:hover,.page-template-preview-tools .button[aria-pressed=true]:focus-visible{background:#254b49;color:#fff;border-color:#254b49}