
.design-method-dialog{width:min(880px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #dce5ee;border-radius:12px;padding:28px;color:#233a55;box-shadow:0 20px 80px #132b4933;background:#fff;}
.design-method-dialog::backdrop{background:#13253b66;}
.design-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;}.design-method-head h2{font-size:22px!important;margin:0 0 8px;}.design-method-head p,.design-method-note{font-size:13px!important;color:#728092!important;line-height:1.8;}.design-method-close{background:#f3f6f9;border:0;border-radius:6px;min-width:40px;min-height:40px;font-size:24px!important;cursor:pointer;}
.design-method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.design-method-options>a{display:flex;flex-direction:column;padding:22px 18px;border:1px solid #d9e6f3;border-radius:8px;text-decoration:none!important;color:#233a55!important;background:#fbfdff;}.design-method-options>a:hover{border-color:#1974cb;background:#f0f7ff;}.design-method-symbol{font-size:28px!important;color:#1264b4!important;margin-bottom:14px;}.design-method-options h3{font-size:16px!important;margin:0 0 12px;}.design-method-options p{font-size:13px!important;line-height:1.8;color:#64778e!important;margin:0 0 24px;}.design-method-options strong{margin-top:auto;font-size:13px!important;color:#1264b4!important;}.design-method-note{margin:20px 0 0;}.design-method-dialog a:focus-visible,.design-method-dialog button:focus-visible{outline:3px solid #85b7e8;outline-offset:3px;}
@media(max-width:650px){.design-method-options{grid-template-columns:1fr;}.design-method-dialog{padding:20px;}}

/* Three portrait editorial entry cards. */
.design-method-dialog{width:min(1060px,calc(100vw - 32px));padding:30px;border-radius:16px;}
.method-heading-label{font-size:10px!important;letter-spacing:.18em;color:#5d7b9d!important;display:block;margin-bottom:10px;}
.design-method-head h2{font-size:24px!important;letter-spacing:.02em;}
.design-method-options{gap:20px;}
.design-method-options>a.method-poster{padding:0;overflow:hidden;background:#fff;border-color:#dce5ee;border-radius:12px;box-shadow:0 5px 18px #20395708;}
.method-poster>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.method-poster-copy{padding:24px;display:flex;flex-direction:column;flex:1;}
.method-eyebrow{font-size:11px!important;color:#60809c!important;letter-spacing:.03em;margin-bottom:10px;}
.design-method-options .method-poster h3{font-size:24px!important;line-height:1.5;margin:0 0 14px;color:#183b61!important;letter-spacing:.025em;}
.design-method-options .method-poster p{font-size:13px!important;line-height:1.85;margin:0 0 24px;}
.design-method-options .method-action{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #a8bfd6;border-radius:6px;padding:12px 14px;background:white;font-size:12px!important;color:#155d9f!important;}
.design-method-options .method-poster-self .method-action{background:#1065b8;color:#fff!important;border-color:#1065b8;}
.method-action span{color:inherit!important;}
.design-method-options>a.method-poster:hover{background:#fff;border-color:#6497ca;box-shadow:0 8px 24px #20395712;}
.design-method-note{border-top:1px solid #e9eef4;padding-top:18px;text-align:center;font-size:12px!important;}
@media(max-width:850px) and (min-width:651px){.method-poster-copy{padding:18px}.design-method-options .method-poster h3{font-size:20px!important;}.design-method-options{gap:12px;}}
@media(max-width:650px){.design-method-dialog{padding:20px;}.method-poster>img{max-height:220px}.method-poster-copy{padding:20px}.design-method-head h2{font-size:20px!important;}}

/* Promotional card composition inspired by the supplied reference. */
.design-method-dialog{background:#fffdf9;border-radius:18px;padding:30px;}
.design-method-head{position:relative;justify-content:center;text-align:center;margin-bottom:26px;}
.design-method-close{position:absolute;right:0;top:0;background:#f0eee9;color:#626970;}
.design-method-head>div{padding:0 40px;}
.design-method-head h2{color:#283849!important;line-height:1.5;}
.design-method-options{gap:18px;align-items:stretch;}
.design-method-options>a.method-poster{position:relative;padding:22px 18px 20px;background:#e7edf3;border:0;border-bottom:5px solid #c4d0dc;border-radius:28px;box-shadow:none;}
.design-method-options>a.method-poster-upload{background:#dceeff;border-bottom-color:#bdd9f4;}
.design-method-options>a.method-poster-wish{background:#fff0d4;border-bottom-color:#ead2a6;}
.design-method-options>a.method-poster-self{background:#e9edf2;border-bottom-color:#c9d1dc;}
.method-poster-title{background:#ffffffed;border-radius:20px;padding:16px 12px;text-align:center;min-height:118px;display:flex;flex-direction:column;justify-content:center;}
.method-poster-title .method-eyebrow{margin:0 0 7px;font-size:11px!important;line-height:1.6;color:#737e88!important;}
.design-method-options .method-poster-title h3{font-size:22px!important;line-height:1.4;margin:0;color:#174e84!important;}
.design-method-options .method-poster-wish h3{color:#94682a!important;}
.design-method-options .method-poster-self h3{color:#344d70!important;}
.method-poster>img{margin:18px 0 8px;border-radius:16px;aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;}
.method-poster-copy{padding:10px 6px 0;text-align:center;}
.design-method-options .method-poster p{font-size:13px!important;line-height:1.8;color:#425b73!important;margin:0 0 18px;}
.design-method-options .method-action{align-self:center;min-height:42px;border:0;border-radius:24px;justify-content:center;background:#fff;color:#175c9d!important;padding:11px 18px;white-space:nowrap;}
.design-method-options .method-poster-wish .method-action{color:#8b652b!important;}
.design-method-options .method-poster-self .method-action{color:#fff!important;background:#185f9e;border:0;}
.design-method-options>a.method-poster:hover{box-shadow:0 8px 20px #253b5312;background:#dceeff;}
.design-method-options>a.method-poster-wish:hover{background:#ffebc6;}
.design-method-options>a.method-poster-self:hover{background:#e1e7ee;}
.design-method-note{border-color:#e9e4db;}
@media(max-width:850px) and (min-width:651px){.design-method-options>a.method-poster{padding:16px 12px}.design-method-options .method-poster-title h3{font-size:19px!important}.method-poster-title{min-height:110px}.design-method-options .method-action{font-size:11px!important;padding:11px 12px}}
@media(max-width:650px){.design-method-head>div{padding:0 22px}.design-method-head{padding-top:24px}.design-method-options>a.method-poster{padding:20px}.method-poster-title{min-height:100px}.method-poster>img{max-height:230px}}

/* Minimal three-choice composition. */
.design-method-dialog{width:min(930px,calc(100vw - 32px));background:#fff;padding:28px;}
.design-method-head{padding:4px 40px;margin-bottom:24px;align-items:center;min-height:40px;}
.design-method-head h2{margin:0;font-size:22px!important;}
.design-method-options>a.method-poster{padding:22px 18px;border-bottom:0;border-radius:16px;}
.design-method-options .method-poster>h3{margin:0 0 18px;text-align:center;font-size:21px!important;line-height:1.5;color:#293f57!important;}
.method-poster>img{margin:0 0 22px;border-radius:0;aspect-ratio:4/3;object-fit:cover;}
.design-method-options .method-action{min-width:150px;margin-top:auto;padding:11px 20px;}
@media(max-width:650px){.design-method-head{padding:4px 30px 4px 0}.design-method-head h2{font-size:18px!important}.design-method-options>a.method-poster{padding:20px}.method-poster>img{max-height:210px}}

.design-entry-form-dialog{position:relative;padding:42px 0 0;width:min(820px,calc(100vw - 28px));height:min(800px,88vh);max-height:88vh;border:1px solid #dce5ee;border-radius:12px;background:#fff;box-shadow:0 20px 80px #132b4933;overflow:hidden;}
.design-entry-form-dialog::backdrop{background:#13253b66;}
.design-entry-form-dialog iframe{display:block;width:100%;height:calc(100% - 42px);border:0;}
.design-entry-close{position:absolute;right:12px;top:5px;width:34px;height:32px;border:0;border-radius:5px;background:#f3f5f7;font-size:24px!important;cursor:pointer;}

/* The editor lives inside the existing account content area. */
.account-embedded-editor[hidden],.account-editor-open .main-content>[hidden]{display:none!important;}
.account-embedded-editor{background:#fff;min-width:0;}
.account-editor-heading{display:flex;align-items:center;gap:20px;padding:12px 16px;border-bottom:1px solid #e1e7ee;}
.account-editor-heading button{padding:8px 12px;border:1px solid #dbe4ed;border-radius:5px;background:#fff;color:#40566d;font-size:12px!important;cursor:pointer;}
.account-editor-heading span{font-size:14px!important;font-weight:600;}
.account-embedded-editor iframe{display:block;width:100%;height:max(650px,calc(100vh - 210px));border:0;}
html.account-editor-open main>.container{max-width:none!important;padding-right:12px!important;}
html.account-editor-open .dashboard-container>.main-content{padding:0!important;overflow:hidden;}
html.account-editor-open .dashboard-container>.sidebar{width:200px;flex-basis:200px;}
@media(max-width:768px){html.account-editor-open .dashboard-container>.sidebar{width:100%;flex-basis:auto;}.account-editor-heading{gap:10px;padding:10px}.account-embedded-editor iframe{height:720px;}}

.account-editor-modal{width:calc(100vw - 32px);max-width:none;height:calc(100vh - 32px);max-height:none;margin:16px;padding:36px 0 0;border:1px solid #dce5ee;border-radius:10px;overflow:hidden;background:#fff;}
.account-editor-modal::backdrop,.editor-close-check::backdrop{background:#172c4766;}
.account-editor-modal iframe{display:block;width:100%;height:calc(100% - 36px);border:0;}
.editor-modal-close{position:absolute;right:10px;top:2px;background:#f3f5f7;border:0;border-radius:5px;font-size:24px!important;width:34px;height:30px;cursor:pointer;}
.editor-close-check{max-width:500px;width:calc(100vw - 32px);padding:26px;border:1px solid #dce5ee;border-radius:10px;box-shadow:0 16px 60px #102a4030;}
.editor-close-check h2{font-size:19px!important;}.editor-close-check p{font-size:13px!important;line-height:1.8;}.editor-close-check>div{display:flex;gap:8px;flex-wrap:wrap;}.editor-close-check button{padding:10px 12px;border:1px solid #ccd8e5;border-radius:5px;background:#fff;font-size:12px!important;cursor:pointer;}.editor-close-check button[data-action="save"]{background:#1264b4;color:#fff;border-color:#1264b4;}.editor-close-error{color:#a12d34!important;}
@media(max-width:768px){.account-editor-modal{width:100vw;height:100dvh;margin:0;border-radius:0;}}
