/* A quiet studio surface: cool daylight, soft depth, and precise controls. */
:root { --bg:#f0f2f4; --panel:rgba(255,255,255,.94); --panel-strong:#fff; --line:rgba(35,45,55,.12); --shadow:0 8px 28px rgba(28,36,44,.035); }
/* Neutral architectural backdrop for the square, monochrome controls. */
body.custom-page {
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 58%),
    linear-gradient(120deg,#edf0f2 0%,#f5f6f7 48%,#e9edf0 100%);
  background-attachment:fixed;
}
body.custom-page::after { background-image:none; }
.hero {
  background:linear-gradient(110deg,#fff 25%,#f4f6f7 72%,#eaf0f3 100%);
  border-radius:0;
  border-color:#dce1e5;
}
.workflow-panel,.panel { border-radius:0; }
.workflow-card { background:#fff; }
.auto-exclusion-alert { border:1px solid #e3ded2; background:#faf8f1; color:#534b3b; box-shadow:none; filter:none; backdrop-filter:none; border-radius:0; }
.auto-exclusion-alert .warning-icon { display:inline-block; margin-right:5px; color:#a67a21; }
.custom-language-toggle { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:72px; height:31px; padding:0 12px; border:1px solid rgba(255,255,255,.16); border-radius:0; background:rgba(17,17,17,.45); color:#fff; font:600 13px 'Pretendard',sans-serif; cursor:pointer; }
.custom-language-toggle:focus-visible { outline:2px solid #007fff; outline-offset:3px; }
.site-header--desktop .site-nav { gap:32px; }
.site-header--desktop .custom-language-toggle { margin-left:auto; }
.site-header--mobile .custom-language-toggle { margin-left:auto; margin-right:10px; }
html:lang(en) .hero-bullet-copy,html:lang(en) .hint,html:lang(en) .workflow-points { word-break:normal; overflow-wrap:break-word; }
html:lang(en) .section-head h2 { font-size:21px; }
html:lang(en) .button-group { flex-wrap:wrap; }
@media(max-width:767px) {
 .hero { border-radius:0; }
 .custom-language-toggle { min-width:62px; height:30px; font-size:12px; }
}

/* Keep the revised workflow layout with the original control colors. */
.workflow-card-heading { display:flex; align-items:center; gap:10px; margin-bottom:16px; min-height:44px; }
.workflow-step { flex-shrink:0; margin:0; padding:5px 7px; }
.workflow-card-heading h3 { margin:0; font-size:16px; line-height:1.35; letter-spacing:-.02em; }
.custom-language-toggle { width:84px; min-width:84px; height:30.8px; gap:6.3px; padding:0 11.2px; border:1px solid rgba(255,255,255,.12); border-radius:0; background:rgba(17,17,17,.55); color:#fff; font:600 12.6px/1 'Pretendard',sans-serif; box-shadow:0 6px 20px #0003; }
.custom-language-toggle svg { width:14px; height:14px; flex-shrink:0; }
.custom-language-toggle:hover { background:rgba(17,17,17,.7); }
.custom-language-toggle:focus-visible { outline:2px solid #1494ff; outline-offset:4px; }

/* Square corners throughout the custom studio. */
.hero,.workflow-panel,.workflow-card,.panel,.section-card,.preview-card,.summary-card,.summary-item,.preview-modal-dialog,.badge,.status-strip,.button,.shape-button,.workflow-step,.workflow-toggle,.aspect-warning-box,.auto-exclusion-alert,.preview-expand-button,.custom-language-toggle,input,select,textarea { border-radius:0; }

/* Match the main page language selector while keeping studio controls square. */
.custom-language-toggle { border-radius:999px; }

/* Keep Korean words intact and avoid short trailing lines in process copy. */
html:lang(ko) .workflow-points li { word-break:keep-all; overflow-wrap:break-word; text-wrap:pretty; }

.seo-language-link { display:block; padding:12px 24px; text-align:center; font-size:13px; color:#929ca6; background:#111; }