/* Typography and spacing only. Keep the established editor grids and normal-flow actions. */
#page-details>.page-heading>div:first-child{flex:1;min-width:0}
#page-details .detail-heading-actions{display:grid;grid-template-columns:minmax(250px,330px) auto;gap:5px 12px;align-items:center;flex-shrink:0}
#page-details .detail-name-inline{display:flex;align-items:center;gap:9px;margin:0;font-size:11px;white-space:nowrap;color:#73716a}
#page-details .detail-name-inline>span{flex-shrink:0}
#page-details #detailName{min-width:0;flex:1;width:0;margin:0;padding:10px 11px;font-size:12px;font-weight:400}
#page-details .detail-heading-actions>#detailSaveState{grid-column:1;padding-left:53px;min-height:17px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-editor>.page-heading>div:first-child{flex:1;min-width:0}
#page-editor .main-heading-actions{display:grid;grid-template-columns:minmax(250px,330px) auto;gap:8px 12px;align-items:center;flex-shrink:0}
#page-editor .main-name-inline{grid-column:1;grid-row:1;display:flex;align-items:center;gap:9px;margin:0;font-size:11px;white-space:nowrap;color:#73716a}
#page-editor .main-name-inline>span{flex-shrink:0}
#page-editor #projectName{min-width:0;flex:1;width:0;margin:0;padding:10px 11px;font-size:12px;font-weight:400}
#page-editor #newProject{grid-column:2;grid-row:1}
#page-editor #topSaveTemplate{grid-column:1;grid-row:2;justify-self:end}
#page-editor #cancelTemplateEdit{grid-column:2;grid-row:2}
#page-editor .main-heading-actions>#mainSaveState{grid-column:1;padding-left:53px;min-height:17px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-editor .point-row{grid-template-columns:29px minmax(0,1fr) 27px}
#page-editor .point-remove{display:grid;place-items:center;width:27px;height:29px;background:#f2f3f5;border:1px solid #d8dbe1;border-radius:5px;color:#748399;font-size:17px;line-height:1;padding:0}
#page-editor .point-remove:not(:disabled):hover{background:#f8ece7;border-color:#dfbeb1;color:#9a5141}
#page-editor .inline-primary-actions{align-items:stretch;gap:9px}
#page-editor .inline-primary-actions>#mainSaveContent{flex:1;font-size:11px}
#page-editor .inline-primary-actions>#generate{flex:1.3}
#page-editor .editor-column{gap:18px}
#page-editor .editor-column>.card{padding:22px}
#page-editor .editor-column .card-title{margin-bottom:16px}
#page-editor .editor-column h2,#page-details .detail-global h2{font-size:15px;font-weight:650;line-height:1.65}
#page-editor .editor-column label:not(.switch-label):not(.checkbox-line),#page-details .detail-global label:not(.checkbox-line):not(.detail-file-label),#page-details .detail-editor>label{font-size:12px;font-weight:600;line-height:1.65;color:#5e5f65;margin-top:14px}
#page-editor .field-grid>label:first-child{margin-top:0}
#page-editor .editor-column input:not([type=checkbox]):not([type=radio]):not([type=file]),#page-editor .editor-column select,#page-editor .editor-column textarea,#page-details .detail-editor input:not([type=checkbox]):not([type=file]),#page-details .detail-editor select,#page-details .detail-editor textarea,#page-details .detail-global input:not([type=checkbox]):not([type=file]),#page-details .detail-global select,#page-details .detail-global textarea{font-size:13px;font-weight:400;line-height:1.65;margin-top:6px}
#page-editor .editor-column textarea,#page-details #detailStyle,#page-details #detailScreenPrompt{line-height:1.8;padding:11px 12px}
#page-editor .points-label{font-size:12px;font-weight:600;color:#5e5f65;margin-top:18px}
#page-editor .point-row{margin-top:8px}
#page-editor .point-row>label{font-size:11px;font-weight:500;color:#929085;margin:0}
#page-editor .point-row input,#page-details .detail-point input{margin-top:0!important}
#page-editor .add-point{margin-top:9px;padding:9px;font-size:11px}
#page-editor .editor-column .hint{line-height:1.85}
#page-editor .style-preset-panel{padding:14px 15px;margin-bottom:16px;background:#f1f2f4;border-color:#d4d8de}
#page-editor .style-preset-panel>label:first-child{margin-top:0}
#page-editor .style-preset-panel .action-row{gap:8px;margin:12px 0}
#page-editor .theme-manage{gap:10px 14px;padding-bottom:11px}
#page-editor .theme-manage .text-button{font-size:10.5px;line-height:1.8}
#page-editor .upload-zone{border-color:#c1c6cc;background:#f7f8f9}
#page-editor .upload-zone strong{font-size:13px;font-weight:550;color:#6c685f}
#page-editor .compact-label{margin-top:16px!important}
#page-details .detail-global summary{font-size:14px;line-height:1.7}
#page-details .detail-global summary .hint{font-size:11px}
#page-details .detail-global-grid{gap:26px;margin-top:20px}
#page-details .editor-art-settings{padding:15px 17px;border:1px solid #d7dbe0;background:#f7f7f8;border-radius:9px}
#page-details .editor-art-settings>.editor-subheading{margin:0 0 14px;font-size:14px;color:#47515e}
#page-details .editor-art-settings>.two-columns:first-of-type label{margin-top:0}
#page-details .detail-global .hint{line-height:1.9}
#page-details .detail-asset{padding:9px;border-color:#d8dadd;background:#fcfcfc}
#page-details .detail-asset input{font-size:11.5px!important;line-height:1.6!important}
#page-details .detail-asset button{font-size:10.5px;line-height:1.8;padding-top:6px}
#page-details .detail-editor>.card-title{padding-bottom:12px;border-bottom:1px solid #dfe2e6;margin-bottom:17px}
#page-details .detail-editor>.card-title:first-child h2{font-size:14px;line-height:1.7;font-weight:650}
#page-details .detail-editor>.card-title:not(:first-child){margin-top:18px;margin-bottom:10px;padding-bottom:0;border-bottom:0}
#page-details .detail-editor>.card-title:not(:first-child) h2{font-size:12px;font-weight:600;color:#5e5f65}
#page-details .detail-editor>label{margin-bottom:8px}
#page-details .detail-screen-assets{gap:8px}
#page-details .detail-screen-assets img{height:48px}
#page-details .detail-screen-assets span{font-size:10px;line-height:1.6}
#page-details .detail-point{gap:7px;margin:9px 0}
#page-details .detail-editor .hint{line-height:1.9}
#page-editor .inline-template-actions,#page-details .inline-template-actions{margin-top:0;padding:7px;gap:8px;border:1px solid #d8dbdf;border-radius:9px;background:#f1f2f3}
#page-editor .inline-template-actions .button,#page-details .inline-template-actions .button{font-size:11px;font-weight:550;padding:9px 7px;min-height:37px}
#page-editor .editor-actions>#generate{margin-top:12px}
#page-details .detail-editor-actions{gap:10px;margin-top:17px}
#page-details .inline-primary-actions{margin-top:1px;gap:8px;align-items:stretch}
#page-editor #generate,#page-details #detailGenerate{min-height:46px;font-size:13px;font-weight:650;letter-spacing:.2px;padding:12px 10px;color:#1b2532;border-color:#587399;background:linear-gradient(180deg,#c1ccdc 0%,#809abe 48%,#5a769d 100%);box-shadow:inset 0 1px 0 #e5e9ef,0 3px 5px #30425c20,0 6px 14px #4e668826}
#page-editor #generate:not(:disabled):hover,#page-details #detailGenerate:not(:disabled):hover{background:linear-gradient(180deg,#d0d8e4 0%,#93a9c7 48%,#6783aa 100%);border-color:#5e7698;box-shadow:inset 0 1px 0 #eff1f4,0 4px 8px #30425c24,0 7px 17px #4e66882b}
#page-editor #generate:disabled,#page-details #detailGenerate:disabled{opacity:.5;box-shadow:none}
#page-editor #logoOnly{font-size:11px;color:#7a776f}
@media(max-width:1120px){#page-editor .editor-column>.card{padding:19px}#page-details .editor-art-settings{padding:14px}}
@media(max-width:650px){#page-editor .editor-column>.card{padding:17px}#page-details .editor-art-settings{padding:13px}#page-editor #generate,#page-details #detailGenerate{font-size:12px}#page-details .detail-global summary .hint{font-size:10px}}
@media(max-width:850px){#page-details>.page-heading{flex-wrap:wrap;gap:14px}#page-details>.page-heading>div:first-child{flex-basis:100%}#page-details .detail-heading-actions{width:100%;grid-template-columns:minmax(0,1fr) auto}#page-details .detail-heading-actions #detailNew{font-size:11px}}
@media(max-width:460px){#page-details .detail-name-inline>span{display:none}#page-details .detail-heading-actions>#detailSaveState{padding-left:0}#page-details .detail-heading-actions{gap:5px 8px}}
@media(max-width:850px){#page-editor>.page-heading{flex-wrap:wrap;gap:14px}#page-editor>.page-heading>div:first-child{flex-basis:100%}#page-editor .main-heading-actions{width:100%;grid-template-columns:minmax(0,1fr) auto}#page-editor .main-heading-actions #newProject{font-size:11px}}
@media(max-width:460px){#page-editor .main-name-inline>span{display:none}#page-editor .main-heading-actions{gap:8px}#page-editor #projectName{font-size:11px}}
@media(max-width:460px){#page-editor .main-heading-actions>#mainSaveState{padding-left:0}}

#editorLeaveDialog{max-width:520px}
#editorLeaveDialog p{line-height:1.85}
#editorLeaveDialog .editor-leave-actions{flex-wrap:wrap;gap:10px;margin-top:23px}
#editorLeaveDialog .editor-leave-actions .button{flex:1;white-space:nowrap;min-width:110px}

#page-editor .main-heading-actions>#mainSaveState,#page-details .detail-heading-actions>#detailSaveState{white-space:normal;line-height:1.55;max-width:340px}