#oal-root #workspace:has(#settings-form){max-width:1160px;padding-bottom:60px}
#oal-root #workspace:has(#settings-form)>h1{font-size:32px;line-height:1.3;margin-bottom:16px;overflow-wrap:anywhere}
#oal-root .p13-settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
#oal-root .p13-settings-nav a{padding:9px 12px;border:1px solid #dce5ef;border-radius:6px;background:#fff;font-size:13px;color:#31516e}
#oal-root #settings-form.p13-settings-form{padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:24px}
#oal-root .p13-general,#oal-root .p13-settings-form fieldset,#oal-root .p13-settings-form details.mk-tracking{min-width:0;background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:24px;margin:0;scroll-margin-top:100px}
#oal-root .p13-settings-form legend{font-size:18px;font-weight:700;padding:0 8px;line-height:1.5}
#oal-root .p13-settings-form h2{font-size:23px;line-height:1.4;margin:0 0 16px}
#oal-root .p13-settings-form p{margin:12px 0 20px;line-height:1.65;color:#60738a}
#oal-root .p13-settings-form .field{display:flex;flex-direction:column;gap:8px;margin:16px 0;line-height:1.5;font-size:14px;min-width:0}
#oal-root .p13-settings-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
#oal-root .p13-settings-form input:not([type=checkbox]):not([type=range]):not([type=color]),#oal-root .p13-settings-form select,#oal-root .p13-settings-form textarea{width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid #cbd7e5;border-radius:6px;background:#fff;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;color:#172d46}
#oal-root .p13-settings-form .field:has(input[type=checkbox]),#oal-root .p13-settings-form .mk-checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.6;font-size:14px}
#oal-root .p13-settings-form input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:3px 0 0;padding:0;flex:none}
#oal-root .p13-settings-form input[type=range]{width:100%;min-height:28px;padding:0}
#oal-root .p13-settings-form #marketing{display:flex;flex-direction:column;gap:24px}
#oal-root .p13-settings-form #marketing>h2,#oal-root .p13-settings-form #marketing>p{margin:0}
#oal-root .p13-settings-form [data-colors]{gap:12px;margin:18px 0}
#oal-root .p13-settings-form button.p13-color{min-height:54px;border:1px solid #dce5ef;border-radius:7px;background:#f8fafc;padding:12px;text-align:left;font-size:14px}
#oal-root .p13-settings-form [data-channels]{display:grid;gap:8px;margin:20px 0}
#oal-root .p13-settings-form [data-channels]>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid #e1e7ef;border-radius:6px}
#oal-root .p13-settings-form [data-channels] label{display:flex;gap:10px;align-items:center;line-height:1.5}
#oal-root .p13-settings-form [data-channels] button,#oal-root #mk-document-remove{border:1px solid #ccd8e8;border-radius:5px;padding:8px 12px;background:#fff;font-size:13px;white-space:nowrap}
#oal-root .p13-savebar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:20px;border:1px solid #dce5ef;border-radius:9px;background:#f4f8fc}
#oal-root .p13-savebar a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px}
#oal-root .p13-savebar [role=status]{flex-basis:100%;margin:0}
#oal-root .p13-support-panel{padding:24px;margin-top:24px;background:#fff}
#oal-root .p13-support-panel h2{font-size:24px;line-height:1.4;margin-bottom:16px}
#oal-root .p13-support-panel>.outline{display:inline-flex;padding:12px 16px;margin:4px 0;line-height:1.5}
#oal-root .p13-support-panel .field{display:grid;gap:8px;margin:16px 0}
#oal-root .p13-help{color:#60738a;line-height:1.7;margin-bottom:20px}
#oal-root #modal-content:has(#publish-slug) .field{display:grid;gap:8px;margin:18px 0;line-height:1.6}
#oal-root #modal-content #publish-rights{width:18px;height:18px;min-width:18px;display:inline-block;margin:0;vertical-align:middle}
#oal-root #modal-content .field:has(#publish-rights)>span{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}
#oal-root #publish-email,#oal-root #publish-email-refresh{display:inline-flex;padding:9px 12px;border:1px solid #dce5ef;border-radius:5px;margin:4px 8px 4px 0;color:#0055ff;font-size:13px}
#oal-root .p13-choice{display:flex;gap:12px;flex-wrap:wrap}
#oal-root .p13-choice label{display:flex;align-items:center;gap:8px;border:1px solid #cbd7e5;border-radius:7px;padding:12px 16px;font-size:14px;cursor:pointer}
#oal-root .p13-choice input{width:18px;height:18px;margin:0}
#oal-root .p13-choice label:has(input:checked){border-color:#0055ff;background:#f1f6ff}
#oal-root .p13-url{padding:18px;background:#f1f6fc;border:1px solid #d7e4f5;border-radius:8px;margin:16px 0}
#oal-root .p13-url span{display:block;font-size:10px;letter-spacing:1px;color:#60738a;margin-bottom:8px}
#oal-root .p13-url strong{display:block;font-size:18px;overflow-wrap:anywhere;color:#0055ff}
#oal-root .p13-domain-add{display:flex;gap:10px;margin:16px 0;align-items:center}
#oal-root .p13-domain-add input{min-width:0;flex:1;padding:12px;border:1px solid #ccd8e8;border-radius:6px;font-size:15px}
#oal-root .p13-domain-add button{padding:12px;white-space:nowrap}
#oal-root .p13-record{border:1px solid #dce5ef;padding:16px;border-radius:7px;margin:12px 0;font-size:13px}
#oal-root .p13-record dd{margin:4px 0 12px;overflow-wrap:anywhere}
#oal-root .p13-state{display:block;margin:6px 0;color:#60738a}
#oal-root .p13-notice{padding:12px;background:#fff8e8;border-radius:6px;font-size:13px}
@media(max-width:600px){#oal-root #workspace:has(#settings-form)>h1{font-size:27px}#oal-root .p13-general,#oal-root .p13-settings-form fieldset,#oal-root .p13-settings-form details.mk-tracking{padding:18px 16px}#oal-root .p13-settings-form .form-grid{grid-template-columns:1fr}#oal-root .p13-savebar{align-items:stretch;flex-direction:column}#oal-root .p13-settings-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}#oal-root .p13-settings-nav a{white-space:nowrap}#oal-root .p13-domain-add{flex-direction:column;align-items:stretch}#oal-root .p13-choice{display:grid;grid-template-columns:1fr 1fr}#oal-root .p13-choice label{padding:10px;font-size:13px}#oal-root .p13-url strong{font-size:16px}}

/* P16: publication dialog only; independent of canvas styling. */
#oal-root dialog:has(.p16-publish){width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;padding:24px;box-sizing:border-box}
#oal-root .p16-publish,#oal-root .p16-publish *{box-sizing:border-box;min-width:0}
#oal-root .p16-publish [hidden]{display:none!important}
#oal-root .p16-publish .p16-card{border:1px solid #dde5ee;border-radius:10px;padding:18px;margin:16px 0;background:#fff}
#oal-root .p16-publish .p16-card h3{font-size:16px;margin:0 0 14px;line-height:1.4}
#oal-root .p16-publish h4{font-size:13px;margin:18px 0 10px;color:#52657c}
#oal-root .p16-publish .field{display:grid;gap:8px;margin:12px 0;font-size:13px;line-height:1.5}
#oal-root .p16-publish .field input:not([type=checkbox]),#oal-root .p16-publish select{width:100%;max-width:100%;padding:11px 12px;border:1px solid #cdd8e7;border-radius:6px;font-size:14px;background:white;height:auto;min-height:44px}
#oal-root .p16-publish .p16-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#oal-root .p16-publish .p16-card-title h3{margin:0}
#oal-root .p16-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;background:#fff3dc;color:#805c16;font-size:12px;font-weight:650;white-space:nowrap}
#oal-root .p16-badge.ready{background:#e8f7ee;color:#167644}
#oal-root .p16-records{display:grid;gap:12px}
#oal-root .p16-record{background:#f7f9fc;border:1px solid #e3e9f0;border-radius:7px;padding:14px}
#oal-root .p16-type{font-size:13px;display:block;margin-bottom:8px}
#oal-root .p16-dns-field{display:grid;grid-template-columns:minmax(0,1fr) 102px;align-items:center;gap:12px;padding:8px 0}
#oal-root .p16-dns-field span{display:block;font-size:11px;color:#687c91;margin-bottom:4px}
#oal-root .p16-dns-field code{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:normal;color:#203b55}
#oal-root .p16-dns-field button{width:102px;margin:0;padding:8px;min-height:36px;font-size:12px;float:none;background:#fff;border:1px solid #cedaea;border-radius:5px}
#oal-root .p16-check{margin-top:16px;min-height:42px}
#oal-root .p16-www{display:block;max-width:100%;white-space:normal;line-height:1.4;margin:14px 0;overflow-wrap:anywhere}
#oal-root #p13-domain-status{overflow-wrap:anywhere}
#oal-root .p16-publish #p13-domain-status{margin:12px 0 0;padding:12px 14px;border-radius:8px;background:#f1f6ff;color:#234b80;line-height:1.5}
#oal-root .p16-publish #p13-domain-status.checking::before{content:'';display:inline-block;width:13px;height:13px;margin-right:9px;vertical-align:-2px;border:2px solid #bdd0ed;border-top-color:#0055ff;border-radius:50%;animation:p16-spin .8s linear infinite}
#oal-root .p16-publish #p13-domain-status.ready{background:#e8f7ee;color:#167644}
@keyframes p16-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#oal-root .p16-publish #p13-domain-status.checking::before{animation:none}}
#oal-root #p13-domains code{overflow-wrap:anywhere;white-space:normal}
#oal-root .p16-guide{display:block;font-size:13px;line-height:1.7;margin:12px 0}
#oal-root .p16-add{margin-top:12px;font-size:13px}#oal-root .p16-add summary{cursor:pointer;color:#0055ff}
#oal-root .p16-publish .p13-url{margin:16px 0;padding:16px;border:1px solid #d9e5fc;border-radius:8px;background:#f3f7ff}
#oal-root .p16-publish .p13-url strong{font-size:17px;overflow-wrap:anywhere;display:block;margin:8px 0}
#oal-root .p16-publish .p13-url small{display:block;color:#63758c;line-height:1.6}
#oal-root .p16-publish #publish-confirm{width:100%;margin:12px 0 0;min-height:46px}
@media(max-width:600px){#oal-root dialog:has(.p16-publish){padding:18px 14px}#oal-root .p16-publish .p16-card{padding:14px}#oal-root .p16-record{padding:10px}#oal-root .p16-dns-field{grid-template-columns:minmax(0,1fr) 94px;gap:8px}#oal-root .p16-dns-field button{width:94px}#oal-root .p16-publish .p14-tabs{gap:8px}}