.brand-reference{display:block}.brand-reference .brand-logo{display:block;width:235px;height:52px;object-fit:contain;object-position:left center}.hero-art{overflow:hidden}.hero-art .halo{width:300px;height:205px;left:4px}.hero-people{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}.hero-art:after{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:46px;background:linear-gradient(90deg,#edf8ff 55%,rgba(237,248,255,0))}.brand-mark{display:none}@media(max-width:700px){.hero-people{display:none}.brand-reference .brand-logo{width:205px;height:45px}}
.site-header{border-top:4px solid #262626}.site-header .nav{height:88px}.site-header .brand-reference{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.site-header .brand-reference .brand-logo{width:300px;height:68px;filter:none;box-shadow:none}.footer-row .brand-reference .brand-logo{width:255px;height:56px;filter:none;box-shadow:none}@media(max-width:700px){.site-header .nav{min-height:68px;gap:8px}.site-header .brand-reference{padding:0}.site-header .brand-reference .brand-logo{width:175px;height:40px}.footer-row .brand-reference .brand-logo{width:215px;height:47px}.language{margin-left:auto}.language-trigger{min-height:34px;padding:5px 7px;gap:6px}.language-trigger span:nth-child(2){min-width:0;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.calculator-card label{font-size:15px}.input-row{min-height:54px;border-color:#b7cbea}.input-row input{padding:13px 15px;font-size:20px;font-weight:700;letter-spacing:.01em}.input-row span{font-size:15px;font-weight:700;color:#18356c}.convert-row label{font-size:13px;font-weight:700}.convert-row input,.convert-row select,.convert-row output{height:46px;padding:10px 11px;font-size:16px;font-weight:700;border-color:#b7cbea}.convert-row select{font-size:13px;font-weight:600}.convert-row output{display:flex;align-items:center;color:#092764}.converter .formula{font-size:12px}.height-row label{min-width:0}@media(max-width:700px){.calculator-card label{font-size:14px}.input-row{min-height:50px}.input-row input{font-size:18px}.convert-row input,.convert-row select,.convert-row output{height:42px;padding:8px 6px;font-size:14px}.convert-row select{font-size:11px}.converter .formula{font-size:10px}}
.language{position:relative}.language-trigger{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border:1.5px solid #9dbce9;border-radius:9px;background:#f6faff;color:#0a2a68;font:700 13px inherit;cursor:pointer}.language-trigger img{width:22px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #94a8c7}.language-trigger span:nth-child(2){min-width:72px;text-align:left}.language-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:205px;max-height:350px;overflow:auto;padding:5px;border:1px solid #c7d8ef;border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(26,63,118,.2)}.language-option{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:6px;padding:8px;background:#fff;color:#122b60;text-align:left;font:600 13px inherit;cursor:pointer}.language-option:hover,.language-option:focus-visible{background:#eaf3ff}.language-option img{width:24px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #aab9cc}.faq-related #faq h2{display:flex;align-items:center;gap:4px;color:#073a8b}.faq-related #faq h2 .icon{display:grid;place-items:center;width:28px;height:28px;margin-right:5px;background:#1474f8;border-radius:50%;color:#fff;font-size:17px}@media(max-width:700px){.language-trigger{min-height:36px;padding:6px 8px;font-size:12px}.language-trigger span:nth-child(2){min-width:62px}.language-menu{width:190px}.language-option{font-size:12px}}
.nav nav{gap:30px;padding:0}.nav nav a{position:relative;display:flex;align-items:center;height:88px;padding:0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#20345f;font-size:15px;font-weight:600;line-height:1;transition:color .18s,border-color .18s}.nav-icon{display:none}.nav nav a:hover{background:transparent;border-color:#a9cef9;color:#0874ef;transform:none}.nav nav a.active{background:transparent;border-color:#1474f8;color:#1474f8;box-shadow:none}.nav nav a.active:after{display:none}@media(max-width:700px){.site-header{padding-bottom:10px}.site-header .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "menu menu";align-items:center;height:auto}.site-header .brand-reference{grid-area:brand;min-width:0}.site-header .language{grid-area:language}.nav nav{grid-area:menu;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:38px;padding:4px 0;gap:0;overflow:hidden}.nav nav a{justify-content:center;min-width:0;height:34px;padding:0 2px;border-bottom-width:2px;text-align:center;white-space:normal;font-size:10px;line-height:1.1}.nav nav a.active:after{display:none}}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.result-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #8fc0ff;border-radius:8px;background:#fff;color:#0874ef;font:700 14px inherit;cursor:pointer;transition:background .18s,transform .18s}.result-actions button:hover{background:#eff7ff;transform:translateY(-1px)}.result-actions button:first-child{background:#f8fbff}.result-actions button:first-letter{font-size:23px}.share-status{min-height:18px;margin:6px 0 0;text-align:center;color:#16883e;font-size:12px}.body-visual{display:flex;min-width:0;align-self:stretch;flex-direction:column;align-items:center;justify-content:center}.body-visual #silhouette{width:160px;height:300px;object-fit:contain;transform-origin:center bottom;transition:transform .2s}.body-visual p{margin:2px 0 0;text-align:center;line-height:1.2;color:#263862;font-size:12px}.body-visual p b,.body-visual p span{display:block}.body-visual p b{font-size:14px}.body-visual p span{color:#4e6388}.silhouette-card .simulation{grid-template-columns:42px minmax(156px,1fr) 112px}.silhouette-card .ruler{height:315px}.silhouette-card .input-summary{margin-block:10px}@media(max-width:700px){.result-actions{gap:8px}.result-actions button{min-height:43px;font-size:13px}.body-visual #silhouette{width:146px;height:265px}.silhouette-card .simulation{grid-template-columns:35px minmax(132px,1fr) 106px}.silhouette-card .ruler{height:280px}.silhouette-card .input-summary{margin-block:8px}}

/* Reference-aligned result and simulation proportions */
.brand-reference .brand-logo{width:276px;height:64px;object-fit:contain;object-position:left center}
.body-visual #silhouette{width:184px;height:365px}
.silhouette-card .simulation{grid-template-columns:36px minmax(184px,1fr) 100px;align-items:center}
.silhouette-card .ruler{height:382px}
.silhouette-card .ruler span{height:366px;top:8px}
.silhouette-card .input-summary{margin-block:12px}
@media(max-width:1000px){.silhouette-card .simulation{grid-template-columns:40px minmax(184px,1fr) 112px;max-width:520px}.body-visual #silhouette{width:184px;height:350px}.silhouette-card .ruler{height:365px}.silhouette-card .ruler span{height:349px}}
@media(max-width:700px){.site-header .brand-reference .brand-logo{width:205px;height:48px}.body-visual #silhouette{width:160px;height:305px}.silhouette-card .simulation{grid-template-columns:34px minmax(160px,1fr) 94px;max-width:100%}.silhouette-card .ruler{height:320px}.silhouette-card .ruler span{height:304px}.silhouette-card .input-summary{margin-block:8px;padding:10px;font-size:10px}}

/* Desktop result/simulation pair mirrors the supplied reference composition. */
@media(min-width:1001px){
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .tool-grid>.calculator-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-content:start}
  .tool-grid>.calculator-card h2,.tool-grid>.calculator-card .segmented,.tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs,.tool-grid>.calculator-card .error,.tool-grid>.calculator-card .primary,.tool-grid>.calculator-card .reset{grid-column:1}
  .tool-grid>.calculator-card h2{grid-row:1}.tool-grid>.calculator-card .segmented{grid-row:2}.tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs{grid-row:3}.tool-grid>.calculator-card .error{grid-row:4}.tool-grid>.calculator-card .primary{grid-row:5}.tool-grid>.calculator-card .reset{grid-row:6}
  .result-card,.silhouette-card{min-height:600px}
  .silhouette-card .simulation{grid-template-columns:52px minmax(270px,1fr) 142px;min-height:495px}
  .body-visual #silhouette{width:258px;height:455px}
  .silhouette-card .ruler{height:465px}.silhouette-card .ruler span{height:449px}
  .silhouette-card .input-summary{margin-block:18px;font-size:13px;padding:15px}
  .body-visual p{font-size:14px}.body-visual p b{font-size:16px}.illustration-note{font-size:11px}
}
@media(min-width:1001px){.tool-grid>.calculator-card{display:block}.tool-grid>.calculator-card h2,.tool-grid>.calculator-card .segmented,.tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs,.tool-grid>.calculator-card .error,.tool-grid>.calculator-card .primary,.tool-grid>.calculator-card .reset{grid-column:auto;grid-row:auto}}

/* Balanced desktop utility flow: compact calculator above the reference-sized result pair. */
@media(min-width:1001px){
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .tool-grid>.calculator-card{grid-column:1/-1;display:grid;grid-template-columns:175px minmax(235px,.8fr) minmax(350px,1.3fr) 180px;gap:16px;align-items:end;padding:18px 20px}
  .tool-grid>.calculator-card h2{grid-column:1;grid-row:1;margin:0 0 10px;align-self:center}
  .tool-grid>.calculator-card .segmented{grid-column:2;grid-row:1;margin:0}
  .tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs{grid-column:3;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .tool-grid>.calculator-card label{margin:0;font-size:13px}
  .tool-grid>.calculator-card .error{position:absolute;min-height:0;margin:0}
  .tool-grid>.calculator-card .primary{grid-column:4;grid-row:1;margin:0;min-height:48px}
  .tool-grid>.calculator-card .reset{grid-column:4;grid-row:2;margin:0;min-height:32px;font-size:12px}
  .result-card,.silhouette-card{min-height:600px}
  .silhouette-card .simulation{grid-template-columns:52px minmax(270px,1fr) 142px;min-height:495px}
  .body-visual #silhouette{width:258px;height:455px}
  .silhouette-card .ruler{height:465px}.silhouette-card .ruler span{height:449px}
  .silhouette-card .input-summary{margin-block:18px;font-size:13px;padding:15px}
  .body-visual p{font-size:14px}.body-visual p b{font-size:16px}.illustration-note{font-size:11px}
}
@media(max-width:1000px){
  .site-header{padding-bottom:10px}
  .site-header .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "menu menu";align-items:center;height:auto;min-height:68px;gap:8px}
  .site-header .brand-reference{grid-area:brand;min-width:0}.site-header .language{grid-area:language;margin-left:0}
  .site-header .brand-reference .brand-logo{width:205px;height:48px}
  .nav nav{grid-area:menu;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:38px;padding:4px 0;gap:0;overflow:hidden}
  .nav nav a{justify-content:center;min-width:0;height:34px;padding:0 2px;border-bottom-width:2px;text-align:center;white-space:normal;font-size:11px;line-height:1.1}
}

/* Reference layout: three equal-height utility cards on desktop. */
@media(min-width:1001px){
  .tool-grid{grid-template-columns:1.03fr 1.08fr 1fr;gap:12px}
  .tool-grid>.calculator-card{grid-column:auto;display:block;padding:18px 16px}
  .tool-grid>.calculator-card h2,.tool-grid>.calculator-card .segmented,.tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs,.tool-grid>.calculator-card .error,.tool-grid>.calculator-card .primary,.tool-grid>.calculator-card .reset{grid-column:auto;grid-row:auto}
  .tool-grid>.calculator-card #metricInputs,.tool-grid>.calculator-card #imperialInputs{display:block}
  .tool-grid>.calculator-card label{margin:16px 0;font-size:15px}
  .tool-grid>.calculator-card .primary{margin-top:4px;min-height:43px}.tool-grid>.calculator-card .reset{margin-top:12px;min-height:43px;font-size:15px}
  .result-card,.silhouette-card{height:410px;min-height:410px}
  .silhouette-card .simulation{grid-template-columns:40px minmax(170px,1fr) 112px;min-height:300px}
  .body-visual #silhouette{width:180px;height:300px}
  .silhouette-card .ruler{height:315px}.silhouette-card .ruler span{height:299px}
  .silhouette-card .input-summary{margin-block:8px;padding:12px;font-size:11px}
  .body-visual p{font-size:12px}.body-visual p b{font-size:14px}.illustration-note{font-size:10px}
}

/* Keep the inactive measurement system hidden; author styles must not override [hidden]. */
#imperialInputs[hidden],#metricInputs[hidden]{display:none!important}
@media(max-width:700px){
  .site-header .brand-reference{margin-left:-8px}
  .site-header .brand-reference .brand-logo{width:198px;height:46px}
}

.share-sheet[hidden]{display:none}.share-sheet{position:fixed;inset:0;z-index:100;background:rgba(5,22,62,.45);display:flex;align-items:end;justify-content:center;padding:18px}.share-sheet-card{position:relative;width:min(100%,440px);padding:24px;border-radius:18px;background:#fff;box-shadow:0 -8px 30px rgba(5,22,62,.24);color:#092764}.share-sheet-card strong{display:block;font-size:20px}.share-sheet-card p{margin:7px 0 14px;color:#506283;font-size:14px}.share-sheet-url{width:100%;height:46px;border:1px solid #b9ccea;border-radius:8px;padding:10px;color:#092764;font:600 13px inherit}.share-sheet-copy{width:100%;min-height:46px;margin-top:10px;border:0;border-radius:8px;background:#1474f8;color:#fff;font:700 15px inherit}.share-sheet-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#506283;font-size:28px;line-height:1;cursor:pointer}

.share-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.share-sheet-actions button{margin-top:0}.share-sheet-native{min-height:46px;border:1px solid #1474f8;border-radius:8px;background:#f6faff;color:#1474f8;font:700 15px inherit}

#shareFallback .share-sheet-copy{display:block}#shareFallback .share-sheet-card{padding-bottom:24px}

.social-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.social-share{display:flex;min-height:74px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:10px;color:#fff;text-decoration:none;font:600 11px inherit;cursor:pointer}.social-share b{font-size:22px;line-height:1}.social-share.kakao{background:#fee500;color:#392f00}.social-share.whatsapp{background:#27b43e}.social-share.telegram{background:#229ed9}.social-share.facebook{background:#1877f2}.social-share.x{background:#1d1d1f}.social-share.email{background:#64748b}

.social-share-grid-wide{grid-template-columns:repeat(4,1fr);max-height:360px;overflow-y:auto;padding-right:2px}.social-share.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-share.threads{background:#111}.social-share.tiktok{background:#111}.social-share.messenger{background:linear-gradient(135deg,#8a46f5,#01b5ff)}.social-share.linkedin{background:#0a66c2}.social-share.bluesky{background:#1185fe}.social-share.reddit{background:#ff4500}.social-share.pinterest{background:#e60023}.social-share.line{background:#06c755}.social-share.wechat{background:#07c160}.social-share.discord{background:#5865f2}.social-share.line b{font-size:12px}.social-share.linkedin b{font-size:17px}@media(max-width:380px){.social-share-grid-wide{grid-template-columns:repeat(3,1fr)}}

.ad-slot{margin:22px 0;min-height:0;text-align:center}.ad-slot-preview{display:grid;min-height:110px;place-content:center;gap:5px;border:1px dashed #9dbce9;border-radius:10px;background:#f5f9ff;color:#45638f}.ad-slot-preview span{font-weight:700;font-size:14px}.ad-slot-preview small{font-size:12px}.ad-slot:has(.adsbygoogle){min-height:90px}@media(max-width:700px){.ad-slot{margin:18px 0}.ad-slot-preview{min-height:86px}}