#page-website .wpn-shell{--wpn-line:#345569;--wpn-muted:#b5ced9;--wpn-accent:#28d0dc;color:#e9f6fc;background:#102638;border-radius:14px;font-family:inherit;isolation:isolate;overflow:hidden}
#page-website .wpn-shell *{box-sizing:border-box}
#page-website .wpn-shell [hidden]{display:none!important}
#page-website .wpn-shell :is(h2,h3,p){margin:0;color:inherit}
#page-website .wpn-shell h2{font-size:25px;line-height:1.25;font-weight:750}
#page-website .wpn-shell h3{font-size:18px;line-height:1.4;font-weight:700}
#page-website .wpn-shell p{line-height:1.6}
#page-website .wpn-shell :is(button,input,textarea,select){font:inherit;color:inherit}
#page-website .wpn-shell button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;background:#17394c;border:1px solid #507688;border-radius:8px;color:#e9f6fc;cursor:pointer;line-height:1.25;box-shadow:none;text-transform:none;letter-spacing:normal}
#page-website .wpn-shell button:hover:not(:disabled){background:#24576b;border-color:#87d8df}
#page-website .wpn-shell button:disabled{cursor:not-allowed;opacity:1;background:#193443;color:#9bb8c7;border-color:#375769}
#page-website .wpn-shell button.wpn-primary{background:#28d0dc;color:#052a35;border-color:#28d0dc;font-weight:750}
#page-website .wpn-shell button.wpn-primary:disabled{background:#255e6b;border-color:#477b87;color:#d1e3e9}
#page-website .wpn-shell :is(button,input,textarea,a,summary):focus-visible{outline:3px solid #83eff4;outline-offset:3px}
#page-website .wpn-shell a{color:#86edf3;text-decoration:underline;text-underline-offset:3px}
#page-website .wpn-toolbar{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--wpn-line);flex-wrap:wrap}
#page-website .wpn-toolbar>div:first-child{display:grid;gap:7px}
#page-website .wpn-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#a9d8e4!important}
#page-website .wpn-save-state{font-size:12px;color:var(--wpn-muted)!important}
#page-website .wpn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#page-website .wpn-status{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 24px 0;font-size:12px}
#page-website .wpn-status>strong,#page-website .wpn-status>span{padding:6px 10px;background:#193f50;border:1px solid #446878;border-radius:20px}
#page-website .wpn-status>strong{border-color:#38b3bf;color:#a9f2f5}
#page-website .wpn-status>a{margin-left:auto}
#page-website .wpn-next,#page-website .wpn-publication{padding:12px 24px 0;font-size:13px;color:var(--wpn-muted)!important}
#page-website .wpn-notice{padding:0 24px;font-size:13px;color:#b6eed5!important}
#page-website .wpn-notice:not(:empty){padding-block:12px}
#page-website .wpn-notice.is-error{color:#ffdbb8!important}
#page-website .wpn-correction{padding:14px 18px;margin:16px 24px 0;border-left:3px solid #f5cf6f;border-radius:5px;background:#3b3827;color:#ffe6b3}
#page-website .wpn-correction p{white-space:pre-wrap;margin-top:7px}
#page-website .wpn-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;padding:22px}
#page-website .wpn-editor{min-width:0;padding:20px;background:#123044;border:1px solid var(--wpn-line);border-radius:11px}
#page-website .wpn-editor>p{font-size:13px;margin-top:8px;color:var(--wpn-muted)}
#page-website .wpn-form{margin-top:20px;display:grid;gap:14px}
#page-website .wpn-form fieldset{padding:0;margin:0;border:0;min-width:0;display:grid;gap:17px}
#page-website .wpn-form legend{padding:0 0 16px;font-size:14px;font-weight:700}
#page-website .wpn-field{display:grid;gap:8px;min-width:0;font-size:13px}
#page-website .wpn-field>span{font-weight:650}
#page-website .wpn-field input,#page-website .wpn-field textarea{width:100%;min-width:0;min-height:44px;background:#0b2333;border:1px solid #648393;border-radius:7px;padding:11px;color:#f1f9fb;line-height:1.5;font-size:14px;box-shadow:none}
#page-website .wpn-field textarea{resize:vertical;min-height:110px}
#page-website .wpn-field :disabled{background:#173546;color:#c4dbe5;opacity:1}
#page-website .wpn-form>details{border:1px solid var(--wpn-line);border-radius:8px;overflow:hidden}
#page-website .wpn-form summary{padding:14px;min-height:46px;cursor:pointer;font-weight:650;font-size:14px;background:#193a4d;line-height:1.45}
#page-website .wpn-fields{display:grid;gap:16px;padding:16px}
#page-website .wpn-fields>p,#page-website .wpn-plan-note{font-size:12px;color:var(--wpn-muted)!important;line-height:1.6}
#page-website .wpn-plan-note{padding:14px;background:#1b3b4b;border-radius:7px}
#page-website .wpn-choices{display:grid;gap:9px;max-height:300px;overflow:auto;padding:3px}
#page-website .wpn-choices label{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;min-height:32px}
#page-website .wpn-choices input{width:18px;height:18px;flex:0 0 auto;accent-color:#28d0dc}
#page-website .wpn-media{display:grid;gap:10px;border:1px dashed #648da1;padding:12px;border-radius:8px;min-width:0}
#page-website .wpn-media>strong{font-size:13px}
#page-website .wpn-media-preview{aspect-ratio:16/9;min-height:0;background:#234a5c;border-radius:5px;overflow:hidden;display:grid;place-items:center;text-align:center;font-size:12px;color:#c8dfe7}
#page-website .wpn-media-preview>span{padding:18px;line-height:1.6}
#page-website .wpn-media-preview img{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
#page-website .wpn-logo-preview{aspect-ratio:2/1;background:#eaf3f5;color:#466471}
#page-website .wpn-logo-preview img{object-fit:contain;padding:12px}
#page-website .wpn-media-actions{display:flex;gap:7px;flex-wrap:wrap}
#page-website .wpn-media-actions button{font-size:12px;padding:8px 11px}
#page-website .wpn-media small{font-size:11px;color:var(--wpn-muted)}
#page-website .wpn-file{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}
#page-website .wpn-row{display:grid;gap:13px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--wpn-line)}
#page-website .wpn-preview{min-width:0;border:1px solid #486c7e;border-radius:11px;overflow:hidden;background:#2c4b5c}
#page-website .wpn-preview-toolbar{padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#173749;font-size:12px}
#page-website .wpn-preview-toolbar>div:first-child{display:grid;gap:5px;margin-right:auto}
#page-website .wpn-preview-state{color:var(--wpn-muted);font-size:11px}
#page-website .wpn-preview-toolbar>button{min-height:34px;font-size:11px;padding:7px 10px}
#page-website .wpn-device{display:flex;gap:3px;border:1px solid #496c7d;border-radius:8px;padding:3px}
#page-website .wpn-device button{border:0;background:transparent;font-size:12px;padding:7px 10px;min-height:34px}
#page-website .wpn-device button[aria-pressed=true]{background:#29576b}
#page-website .wpn-stage{position:relative;min-height:600px;padding:12px;overflow:hidden;background:#345361}
#page-website .wpn-frame-space{position:relative;margin:0 auto;background:#fff;min-height:260px;box-shadow:0 5px 22px #02152355}
#page-website .wpn-frame{position:absolute;top:0;left:0;display:block;background:#fff;border:0;max-width:none;max-height:none;transform-origin:top left}
#page-website .wpn-preview-empty{position:absolute;inset:12px;z-index:1;display:grid;align-content:center;justify-items:center;text-align:center;gap:16px;padding:25px;background:#f2f7f9;color:#23495a}
#page-website .wpn-preview-empty p{max-width:390px;font-size:14px}
#page-website .wpn-preview-empty button{background:#135367;color:#fff}
#page-website .wpn-history{margin:0 22px 22px;padding:17px;border:1px solid var(--wpn-line);border-radius:9px;font-size:13px;color:var(--wpn-muted)}
#page-website .wpn-history summary{min-height:32px;line-height:1.6;font-weight:650;color:#e5f4fa;cursor:pointer}
#page-website .wpn-history p{margin-top:10px}
#page-website .wpn-history ol{padding-left:22px;display:grid;gap:9px}
#page-website .wpn-loading{padding:32px;display:grid;gap:18px;justify-items:start}
@media(max-width:1100px){#page-website .wpn-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:12px;padding:16px}#page-website .wpn-toolbar{padding:20px}#page-website .wpn-actions button{font-size:13px}#page-website .wpn-editor{padding:16px}}
@media(max-width:800px){#page-website .wpn-layout{grid-template-columns:minmax(0,1fr)}#page-website .wpn-preview{grid-row:2}#page-website .wpn-editor{grid-row:1}#page-website .wpn-stage{min-height:500px}#page-website .wpn-toolbar{padding:18px;gap:16px}#page-website .wpn-actions{width:100%}#page-website .wpn-actions button{flex:1}#page-website .wpn-status{padding:16px 18px 0}#page-website .wpn-next,#page-website .wpn-publication,#page-website .wpn-notice{padding-inline:18px}#page-website .wpn-correction{margin-inline:18px}#page-website .wpn-status>a{margin-left:0}#page-website .wpn-field input,#page-website .wpn-field textarea{font-size:16px}#page-website .wpn-history{margin:0 16px 16px}#page-website .wpn-preview-toolbar{gap:8px}#page-website .wpn-shell h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){#page-website .wpn-shell *{scroll-behavior:auto;transition:none;animation:none}}

/* Plan options stay visible independently of the current save/preview state. */
#page-website .wpn-readonly{display:block;padding:12px;border:1px solid #55798b;border-radius:7px;background:#203e4e;color:#d8eaf2;line-height:1.5;font-size:14px;overflow-wrap:anywhere}
#page-website .wpn-field>small{color:var(--wpn-muted);font-size:11px;line-height:1.5}
#page-website .wpn-locked-note{font-size:12px;color:#e6d4a4!important;margin-top:-8px!important}
#page-website .wpn-availability{justify-self:start;padding:5px 9px;border-radius:5px;background:#3e3c27;border:1px solid #746b40;color:#f3dfa1;font-size:11px;line-height:1.5}
#page-website .wpn-media-locked{border-style:solid;border-color:#446778}
#page-website .wpn-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#1b4658;border:1px solid #568594;border-radius:7px;font-size:13px;line-height:1.5}
#page-website .wpn-toggle input{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:#28d0dc}
#page-website .wpn-toggle:has(input:disabled){background:#203b48;color:#bad2dc;border-color:#456575}

/* The enlarged preview preserves the unsaved editor and all frame isolation. */
#page-website .wpn-shell.wpn-preview-wide .wpn-layout{grid-template-columns:minmax(0,1fr)}
#page-website .wpn-shell.wpn-preview-wide .wpn-editor{display:none}
#page-website .wpn-shell.wpn-preview-wide .wpn-preview{grid-row:1}
#page-website .wpn-media-preview img{object-fit:contain}