/* Separate studio edition. Original content and interactions remain canonical. */
body.studio-site{--accent:#1748f5;--accent-deep:#1038c6;--accent-soft:#e9edf8;--accent-line:#cbd5f4;--acc:#1748f5;--ink:#181b23;--muted:#606773;--line:#deded8;background:#faf9f6;color:#181b23;font-family:'Pretendard Variable',Pretendard,sans-serif;letter-spacing:-.025em}
body.studio-site *{box-sizing:border-box}body.studio-site .container{width:calc(100% - 80px);max-width:1200px;margin-left:auto;margin-right:auto}
body.studio-site h1,body.studio-site h2,body.studio-site h3{color:inherit;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.05em}
body.studio-site p{word-break:keep-all;overflow-wrap:anywhere}body.studio-site .eyebrow{color:#1748f5;font-size:12px;font-weight:650;letter-spacing:.1em}
body.studio-site .site-header{background:rgba(250,249,246,.97);border-bottom:1px solid #dfdfda;box-shadow:none;position:sticky;top:0;z-index:100}
body.studio-site .header-inner{max-width:1280px;min-height:82px;padding:0 40px;gap:32px}
body.studio-site .wordmark img{width:160px;height:auto;max-height:46px;object-fit:contain}
body.studio-site #navigation{gap:22px}body.studio-site #navigation a{font-size:14px;font-weight:500;color:#333843;white-space:nowrap}
body.studio-site #navigation a[aria-current=page]{color:#1748f5}body.studio-site .site-header #navigation .nav-contact{background:#1748f5;color:white;border:0;border-radius:5px;padding:11px 17px}
body.studio-site .page-heading{padding-top:66px;padding-bottom:38px;border-bottom:0;max-width:1200px}
body.studio-site .page-heading h1{font-size:clamp(34px,4.4vw,60px);font-weight:650;line-height:1.14;max-width:1000px;margin:14px 0 22px}
body.studio-site .page-heading p{font-size:17px;line-height:1.8;max-width:710px;color:#606773}
body.studio-site .button{border-radius:5px;font-weight:550;padding:13px 20px;box-shadow:none}
body.studio-site .button.primary{background:#1748f5;border-color:#1748f5;color:white}body.studio-site .button.secondary{background:transparent;border:1px solid #c8cbd2;color:#181b23}
body.studio-site .button.kakao,body.studio-site .kakao-button{background:#fee500;color:#241e0d;border-color:#fee500}
body.studio-site .resource-switch{margin-top:26px;display:flex;gap:0;border-bottom:1px solid #d9dce3;padding:0;flex-wrap:wrap}
body.studio-site .resource-switch a{border:0;border-radius:0;background:transparent;padding:14px 22px 14px 0;margin-right:24px;color:#6b707b;font-size:14px}
body.studio-site .resource-switch a[aria-current=page]{color:#1748f5;box-shadow:0 2px 0 #1748f5}
body.studio-site .community{margin:68px auto;max-width:1200px;width:calc(100% - 80px);padding:32px 36px;border:1px solid #dddcd6;background:#f1efe9;border-radius:8px;box-shadow:none}
body.studio-site .community h2{font-size:26px;line-height:1.3}body.studio-site .community p{font-size:15px;color:#62656d}
body.studio-site .site-footer{background:#eeeDE7;color:#454a55;border-top:1px solid #dadad2;padding:40px max(40px,calc((100vw - 1200px)/2)) 24px}
body.studio-site .footer-top,body.studio-site .footer-bottom{width:100%;max-width:none;padding:0}body.studio-site .footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid #d4d4cd}
/* Guides: one clear starting point and a small, navigable topic index. */
body.studio-site .guide-catalog{padding-top:8px;padding-bottom:0}
body.studio-site .catalog-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #cdd0d6;padding-top:22px;margin-bottom:24px}
body.studio-site .catalog-heading h2{font-size:20px}body.studio-site .catalog-heading p{font-size:13px;color:#777}
body.studio-site .guide-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:0;border:1px solid #d7dce7;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none}
body.studio-site .guide-feature>a:first-child{display:flex;align-items:center;padding:38px;background:#e9edf8;overflow:hidden}
body.studio-site .guide-feature img{width:100%;aspect-ratio:1.46;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 18px 35px #24386225;transform:rotate(-2deg)}
body.studio-site .guide-feature>div{padding:42px 36px;align-self:center}body.studio-site .guide-feature h2{font-size:38px;margin:14px 0 20px;font-weight:650}
body.studio-site .guide-feature p{font-size:16px;line-height:1.8;color:#606773}body.studio-site .guide-feature .meta{font-size:12px}
body.studio-site .guide-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
body.studio-site .guide-topic{background:transparent;border:1px solid #dadce2;border-radius:6px;padding:24px;box-shadow:none}
body.studio-site .guide-topic .mini-index{font-size:12px;color:#1748f5}body.studio-site .guide-topic h3{font-size:20px;margin:18px 0 12px}body.studio-site .guide-topic p{font-size:14px;line-height:1.75}
/* Downloads: files, format, and actions belong together. */
body.studio-site .download-grid{display:grid;grid-template-columns:1fr;gap:22px;padding-top:0}
body.studio-site .download-card{display:grid;grid-template-columns:300px 1fr;overflow:hidden;background:#fff;border:1px solid #dadde4;border-radius:10px;box-shadow:none}
body.studio-site .document-cover{min-height:300px;background:#1748f5;color:white;padding:36px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:0;border-right:10px solid #1034b8}
body.studio-site .document-cover>*{position:relative;z-index:1;color:inherit}body.studio-site .document-cover:after{content:'';position:absolute;inset:18px;border:1px solid #ffffff45;pointer-events:none}
body.studio-site .document-cover h2{font-size:35px;line-height:1.15;margin:30px 0}body.studio-site .document-cover p{font-size:13px;color:#e2e8ff}
body.studio-site .prompt-document{background:#202735;border-right-color:#10151f}body.studio-site .download-copy{padding:38px 44px;align-self:center}body.studio-site .download-copy h2,body.studio-site .download-copy h3{font-size:28px;line-height:1.3}
body.studio-site .download-copy p{font-size:15px;line-height:1.9;color:#606773}body.studio-site .download-copy .meta{font-size:12px}
/* Tool archive: compact shelf, controls first, details on demand. */
body.studio-site .archive-compact{padding-top:54px}body.studio-site .ac-intro{max-width:820px;margin-bottom:28px;padding:0;background:none;border:0}
body.studio-site .ac-intro h1{font-size:clamp(34px,4.4vw,60px);line-height:1.15;font-weight:650;margin:14px 0 18px}body.studio-site .ac-intro p{font-size:16px;line-height:1.8;color:#606773}
body.studio-site .ac-filters{display:grid;grid-template-columns:minmax(180px,1fr) 180px 160px auto;gap:12px;background:#fff;border:1px solid #d9dce4;padding:18px;border-radius:8px;align-items:end}
body.studio-site .ac-filters input,body.studio-site .ac-filters select{background:#faf9f6;border:1px solid #d9dce4;border-radius:4px;min-height:44px;font-size:14px}
body.studio-site .ac-count{font-size:13px;margin:20px 0}body.studio-site .ac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.studio-site .ac-card{border:1px solid #d8dce4;border-radius:8px;background:#fff;box-shadow:none;transition:border-color .15s,transform .15s}
body.studio-site .ac-card:hover{border-color:#1748f5;transform:translateY(-3px)}body.studio-site .ac-card-body{padding:20px;display:flex;flex-direction:column;min-height:250px;height:100%}
body.studio-site .tool-symbol{width:38px;height:38px;border-radius:9px;background:#edf0f8;margin:0 0 16px}body.studio-site .tool-symbol svg{width:22px;height:22px}
body.studio-site .ac-card h2{font-size:21px;margin:6px 0 10px;font-weight:650}body.studio-site .ac-category{font-size:11px;color:#6b7485}
body.studio-site .ac-function{font-size:14px;line-height:1.7;margin:0 0 16px;flex:1}body.studio-site .ac-device{font-size:11px;color:#717884}
body.studio-site .ac-open{border:0;border-top:1px solid #e8e9ee;padding:12px 0 0;margin-top:12px;color:#1748f5;font-size:13px;background:none;text-align:left}
body.studio-site .ac-dialog{border:1px solid #d9dce4;border-radius:12px;box-shadow:0 30px 100px #151e3140}body.studio-site .ac-footnote{font-size:13px;line-height:1.8;color:#707784;padding:24px 0}
/* Published video library: a dark screening room, with real thumbnails. */
body.studio-site:has(.video-library) #main{background:#181e25;color:#f8f8f6;padding-bottom:50px}
body.studio-site:has(.video-library) .page-heading p{color:#acb7c4}body.studio-site:has(.video-library) .eyebrow{color:#93b0ff}
body.studio-site .video-library{padding-top:0}body.studio-site .video-library .toolbar{background:transparent;border:0;border-top:1px solid #3a424d;border-bottom:1px solid #3a424d;padding:18px 0;gap:15px}
body.studio-site .video-library .toolbar button{background:transparent;color:#bdc7d5;border:1px solid #444f5e;border-radius:4px;padding:9px 14px}
body.studio-site .video-library .toolbar button.active,body.studio-site .video-library .toolbar button[aria-pressed=true]{background:#1748f5;border-color:#1748f5;color:#fff}
body.studio-site .video-library input{background:#242c37;border:1px solid #48515e;color:white;border-radius:4px;padding:12px}
body.studio-site #result-count{font-size:13px;color:#a4b0c0;margin:20px 0}
body.studio-site .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
body.studio-site .video-card{background:transparent;border:0;border-radius:0;box-shadow:none;color:#f8f8f6;overflow:hidden}
body.studio-site .video-card:first-child{grid-column:span 2;grid-row:span 2}body.studio-site .video-cover{border-radius:7px;overflow:hidden;aspect-ratio:16/9}
body.studio-site .video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}body.studio-site .video-card:hover img{transform:scale(1.035)}
body.studio-site .video-copy{padding:16px 0 0}body.studio-site .video-copy h3{font-size:19px;line-height:1.5;font-weight:550;color:white;margin:8px 0 14px}
body.studio-site .video-card:first-child h3{font-size:30px;max-width:650px}body.studio-site .video-copy .meta{color:#94a3ba;font-size:12px}body.studio-site .watch-label{color:#94b0ff;font-size:12px}
body.studio-site .channel-links{border-top:1px solid #3a424d;margin-top:44px;padding-top:25px;color:#e5ebf3}
/* About: identity next to the user's actual experience, no invented portfolio. */
body.studio-site .about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;padding-top:0}
body.studio-site .about-statement{align-self:start;background:#e9edf8;border:1px solid #d3dbef;border-radius:10px;padding:38px;position:sticky;top:110px}
body.studio-site .about-brand{max-width:210px;width:100%;height:auto;margin-bottom:35px}
body.studio-site .about-statement h2{font-size:40px;line-height:1.25;margin:0 0 24px}body.studio-site .about-statement p{font-size:16px;line-height:1.9;color:#4d5c75}
body.studio-site .about-text h2{font-size:29px;margin:0 0 20px}body.studio-site .about-text>p{font-size:16px;line-height:1.95;color:#606773}
body.studio-site .career-list{margin:28px 0 40px;border-top:2px solid #181b23}body.studio-site .career-list>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #d9dce4}
body.studio-site .career-list dt{color:#1748f5;font-size:15px;font-weight:650}body.studio-site .career-list dd{font-size:14px;line-height:1.8;margin:0}
/* Contact: stable two-column form, the actual inquiry stays native. */
body.studio-site .direct-contact{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;padding-top:6px;padding-bottom:70px}
body.studio-site .direct-contact aside{padding:26px 0;border-top:2px solid #1748f5}body.studio-site .direct-contact aside h2{font-size:28px;line-height:1.4}
body.studio-site .direct-contact aside p{font-size:15px;line-height:1.85;color:#606773}body.studio-site .phone-link{font-size:24px;font-weight:650;color:#181b23}
body.studio-site .inquiry-topics span{background:#e9edf8;border:0;color:#30456f;border-radius:4px;padding:7px 10px}
body.studio-site .native-inquiry{background:white;border:1px solid #d8dde7;border-radius:10px;padding:34px;box-shadow:0 14px 40px #1b305009}
body.studio-site .inquiry-form-heading h2{font-size:28px}body.studio-site .native-inquiry input:focus,body.studio-site .native-inquiry select:focus,body.studio-site .native-inquiry textarea:focus{outline-color:#1748f5}
body.studio-site .inquiry-submit{background:#1748f5;color:white}body.studio-site .inquiry-consent input{accent-color:#1748f5}
/* The long practical guide shares the same typography, navigation and blue. */
body.studio-site:has(.layout.wrap){--accent:#1748f5;--accent-deep:#1038c6;--accent-soft:#e9edf8;--accent-line:#cbd5f4;--soft:#f2f4f8;--ink:#181b23}
body.studio-site .reading-path,body.studio-site .guide-utility{max-width:1200px;font-size:13px}
body.studio-site .guide-utility a{color:#1748f5}body.studio-site:has(.layout.wrap) .hero{background:#e9edf8;border:0;padding:46px 0}
body.studio-site:has(.layout.wrap) .hero .h1-b{color:#1748f5}body.studio-site .layout.wrap{max-width:1280px;padding-top:32px;gap:32px}
body.studio-site .toc{background:#fff;border:1px solid #d8deeb;border-radius:8px;box-shadow:none}
body.studio-site .toc a{font-size:14px;line-height:1.6}body.studio-site .toc a.active{color:#1748f5;background:#e9edf8}
body.studio-site .sec,body.studio-site .case{border:1px solid #d9dfeb;border-radius:8px;background:#fff;box-shadow:none;margin-bottom:28px}
body.studio-site .group{border-radius:6px;background:#181e25;color:white;margin-top:46px}
body.studio-site .prompt-banner{background:#1748f5}body.studio-site .mm-card{border-color:#ccd7f4;box-shadow:none}
body.studio-site .fab{background:#1748f5}body.studio-site .case h2{font-size:28px}
@media(max-width:1100px){body.studio-site .header-inner{padding:0 24px;gap:20px}body.studio-site #navigation{gap:12px}body.studio-site #navigation a{font-size:13px}body.studio-site .ac-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.studio-site .direct-contact{gap:30px;grid-template-columns:270px 1fr}}
@media(max-width:800px){body.studio-site .container{width:calc(100% - 40px)}body.studio-site .page-heading{padding-top:40px;padding-bottom:28px}body.studio-site .page-heading h1{font-size:38px}body.studio-site .header-inner{min-height:68px;padding:0 20px}body.studio-site .wordmark img{width:143px}body.studio-site #navigation{background:#faf9f6}body.studio-site .guide-feature{grid-template-columns:1fr}body.studio-site .guide-feature>a:first-child{padding:26px}body.studio-site .guide-feature>div{padding:28px}body.studio-site .guide-feature h2{font-size:32px}body.studio-site .guide-topic-grid{grid-template-columns:1fr}body.studio-site .guide-topic{padding:22px}body.studio-site .guide-topic h3{margin:10px 0}body.studio-site .download-card{grid-template-columns:230px 1fr}body.studio-site .document-cover{padding:28px}body.studio-site .download-copy{padding:26px}body.studio-site .ac-filters{grid-template-columns:1fr 1fr}body.studio-site .ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.studio-site .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.studio-site .video-card:first-child{grid-row:auto}body.studio-site .about-layout{grid-template-columns:1fr;gap:32px}body.studio-site .about-statement{position:static}body.studio-site .direct-contact{grid-template-columns:1fr;gap:28px}body.studio-site .community{width:calc(100% - 40px);padding:26px;margin:44px auto}body.studio-site .site-footer{padding:32px 20px 20px}}
@media(max-width:520px){body.studio-site .page-heading h1{font-size:34px}body.studio-site .page-heading p{font-size:15px}body.studio-site .resource-switch a{font-size:12px;padding-right:8px;margin-right:13px}body.studio-site .download-card{grid-template-columns:1fr}body.studio-site .document-cover{min-height:220px}body.studio-site .document-cover h2{font-size:31px;margin:20px 0}body.studio-site .download-copy{padding:26px 22px}body.studio-site .ac-intro h1{font-size:36px}body.studio-site .ac-filters{padding:14px;gap:10px}body.studio-site .ac-filters label:first-child{grid-column:span 2}body.studio-site .ac-card-body{padding:14px;min-height:250px}body.studio-site .ac-card h2{font-size:18px;overflow-wrap:anywhere}body.studio-site .ac-function{font-size:13px}body.studio-site .ac-grid{gap:10px}body.studio-site .video-grid{grid-template-columns:1fr;gap:28px}body.studio-site .video-card:first-child{grid-column:auto}body.studio-site .video-card:first-child h3{font-size:23px}body.studio-site .about-statement{padding:28px}body.studio-site .about-statement h2{font-size:34px}body.studio-site .career-list>div{grid-template-columns:1fr;gap:8px}body.studio-site .native-inquiry{padding:24px 18px}body.studio-site .community h2{font-size:23px}body.studio-site .layout.wrap{padding-top:20px;gap:20px}body.studio-site .case h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){body.studio-site *{scroll-behavior:auto!important;transition:none!important}}
@media print{body.studio-site .site-header,body.studio-site .site-footer{display:none}body.studio-site .mm-card,body.studio-site .prompt{break-inside:avoid}body.studio-site .about-statement{position:static}}

/* Final shared rhythm: compact introductions and consistent selected states. */
body.studio-site .page-heading{padding-top:46px;padding-bottom:24px}
body.studio-site .page-heading h1{font-size:clamp(34px,3.6vw,50px)}
body.studio-site .page-heading>p.eyebrow{font-size:12px;color:#1748f5;margin:0}
body.studio-site .resource-switch{margin-top:0;margin-bottom:24px}
body.studio-site .resource-switch a.selected{color:#1748f5;background:transparent;box-shadow:0 2px 0 #1748f5}
body.studio-site .site-header #navigation a.active:after,body.studio-site .site-header #navigation a[aria-current=page]:after{background:#1748f5;border-color:#1748f5}
body.studio-site .site-header #navigation a.active{border-color:#1748f5}
body.studio-site .archive-compact{padding-top:4px}
body.studio-site .ac-intro{font-size:12px;color:#697381;margin-bottom:18px}
body.studio-site .catalog-heading{margin-top:0}
body.studio-site .catalog-heading span{font-size:12px;color:#707785}
body.studio-site .guide-meta{display:block;font-size:12px;color:#697381;margin:18px 0 22px}
body.studio-site .guide-feature .button,body.studio-site .download-copy .button{background:#1748f5;border-color:#1748f5;color:white}
body.studio-site .download-copy .eyebrow{color:#1748f5}
body.studio-site .download-copy .text-link{display:inline-flex;margin-left:20px;border:0;font-size:14px}
body.studio-site .community{color:#181b23}
body.studio-site .community .container{width:100%;max-width:none}
body.studio-site .community .eyebrow{color:#1748f5}
body.studio-site .community p:not(.eyebrow){color:#606773;font-size:15px}
body.studio-site .community .button.ghost{border-color:#bdc2cc;color:#181b23;background:transparent}
body.studio-site .community a[href*="open.kakao.com"]{background:#fee500;color:#241e0d;border-color:#fee500}
body.studio-site .career-list li{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #dadce3}
body.studio-site .career-list li strong{font-size:15px;color:#1748f5}
body.studio-site .career-list li span{font-size:15px;line-height:1.8}
@media(min-width:900px){body.studio-site .page-heading{display:grid;grid-template-columns:1.4fr .8fr;column-gap:55px;align-items:end}body.studio-site .page-heading>.eyebrow{grid-column:1/-1}body.studio-site .page-heading h1{grid-column:1;margin-bottom:10px}body.studio-site .page-heading>p:not(.eyebrow){grid-column:2;font-size:15px;line-height:1.9;margin:0 0 14px}body.studio-site .page-heading>p:not(.eyebrow) br{display:none}}
@media(max-width:800px){body.studio-site .page-heading{padding-top:34px}body.studio-site .page-heading h1{font-size:36px}body.studio-site .download-copy .text-link{margin:16px 0 0}body.studio-site .community-inner{gap:26px}}
@media(max-width:520px){body.studio-site .page-heading h1{font-size:32px}body.studio-site .career-list li{grid-template-columns:1fr;gap:6px}}