@font-face{font-family:Gowun;src:url('./assets/GowunBatang-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#f5f3eb;--surface:#fffefa;--ink:#243a32;--muted:#59665c;--accent:#315e4b;--line:#ccd2c5;--sand:#e6ddc8;--focus:#ab4b23;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:15px;line-height:1.75;padding-bottom:100px}::selection{background:#d5dfbd;color:#16392a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#a5b29f;border:2px solid var(--paper);border-radius:6px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input{caret-color:var(--accent)}button{transition:background .18s ease-out,color .18s ease-out}button:hover{background:#dfe5d7}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}h1,h2,h3,p,figure{margin:0}h1,h2{text-wrap:balance}h1,h2,.brand,.brand-text{font-family:Gowun,serif;font-weight:400}h1{font-size:clamp(36px,4.4vw,66px);line-height:1.3;letter-spacing:-.035em}h2{font-size:32px;line-height:1.5;letter-spacing:-.025em}h3{font-size:17px}p{max-width:70ch}.prototype-notice{background:#243a32;color:#fffefa;text-align:center;font-size:12px;padding:7px 20px}.prototype-notice span{color:#d7e0d2;margin-left:14px}.header{max-width:1360px;margin:auto;display:flex;align-items:center;gap:40px;padding:28px 56px;border-bottom:1px solid var(--line)}.brand{font-size:29px;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}.brand span{font-family:'Malgun Gothic',sans-serif;font-size:12px;color:var(--muted);padding-left:17px;margin-left:7px;border-left:1px solid var(--line)}nav{margin-left:auto;display:flex;gap:26px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.draft-label{font-size:12px;color:var(--muted)}main{max-width:1360px;margin:auto}.layout-a{padding:54px 56px 0}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}.intro>p{font-size:14px;color:var(--muted);max-width:34ch;padding-bottom:8px}.a-stage{display:grid;grid-template-columns:1.18fr 1fr;gap:46px;align-items:start}.photo-frame{position:relative;background:var(--sand);overflow:hidden}.photo-frame img{display:block;width:100%;height:350px;object-fit:cover}.photo-caption{display:flex;justify-content:space-between;gap:16px;padding:13px 0;font-size:12px;color:var(--muted)}.photo-caption span:last-child{white-space:nowrap}.photo-label{position:absolute;top:18px;left:18px;background:var(--surface);padding:5px 12px;font-size:12px}.sample-note{font-size:12px;color:var(--muted)}.upload-compact{padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px}.upload-compact p{font-size:12px;color:var(--muted)}.file-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary,.secondary{padding:12px 22px;min-height:48px;border:0;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap}.primary{background:var(--accent);color:#fffefa}.primary:hover{background:#214633}.secondary{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.secondary:hover{background:#e6eadf}.text-button{border:0;padding:5px 0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:5px}.result-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.result-top span{color:var(--muted)}.result-heading{padding:23px 0 22px}.result-heading h2{font-size:32px;line-height:1.4}.result-heading p{font-size:13px;color:var(--muted);margin-top:10px}.verification{display:inline-block;margin-top:14px;font-size:12px;color:#38553b;background:#e1e8d6;padding:3px 9px}.evidence-row{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.evidence-row b{font-family:Gowun,serif;font-size:23px;line-height:1.4}.evidence-row h3{font-size:14px}.evidence-row p{font-size:12px;color:var(--muted);margin-top:4px}.result-footnote{padding:14px 0 0;font-size:12px;color:var(--muted)}.demo-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.demo-actions button{font-size:12px}.upload-panel{padding:22px;background:var(--surface);border:1px dashed #9aa88e}.upload-panel h2{font-size:24px}.upload-panel p{font-size:13px;color:var(--muted);margin:8px 0 20px}.upload-panel small{display:block;font-size:12px;color:var(--muted);margin-top:14px}.drop-zone.drag{background:#e4ead9;outline:2px solid var(--accent)}.hint-field{display:block;font-size:12px;margin-top:18px}.hint-field input{display:block;background:var(--surface);border:1px solid var(--line);border-radius:5px;width:100%;padding:10px 12px;margin-top:6px;color:var(--ink);font-size:13px}.hint-field input::placeholder{color:#677163}.file-message{font-size:12px;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}.file-message.error{color:#963a22}.local-preview{margin-top:18px;max-height:260px;max-width:100%;object-fit:contain}.local-warning{font-size:12px;color:var(--muted);padding:14px 0}.guide-section{max-width:1248px;margin:74px auto 0;padding:48px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.guide-title p{font-size:13px;color:var(--muted);margin-top:18px}.explain article{padding:0 0 22px}.explain article+article{padding-top:20px;border-top:1px solid var(--line)}.explain article p{font-size:13px;color:var(--muted);margin-top:6px}.editorial{max-width:1248px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding:44px 0;border-top:1px solid var(--line)}.section-label{font-size:13px;margin-bottom:16px}.editorial h2{font-size:30px}.editorial>div>p:not(.section-label){font-size:13px;color:var(--muted);margin-top:20px}.editorial details{margin-top:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.editorial details p{padding:14px 0;color:var(--muted)}summary{cursor:pointer}summary:hover{color:var(--accent)}.ad-review{background:#eaece4;min-height:250px;align-self:center;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#586353}.ad-review>span{font-size:12px;margin-bottom:20px}.ad-review>div{font-size:15px}.ad-review p{font-size:12px;margin-top:10px}.ad-review small{font-size:12px;margin-top:24px}footer{max-width:1248px;margin:0 auto;border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}.brand-text{font-size:24px;color:var(--ink)}footer p{font-size:12px;margin-top:8px}.switcher{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:18px;background:#21382f;color:#fffefa;border-radius:12px;padding:10px 12px;box-shadow:0 8px 30px #20372d2b;max-width:calc(100vw - 24px)}.switcher>button{border:0;background:transparent;color:inherit;min-width:40px;min-height:42px;border-radius:6px}.switcher>button:hover{background:#3b5549}.switcher>div{text-align:center;white-space:nowrap;min-width:138px}.switcher small{display:block;font-size:12px;color:#c3d2c0}.switcher span:not(#variant-index){display:block;font-size:13px}.switcher>.compare-button{font-size:12px;padding:0 15px;border-left:1px solid #5e7464;border-radius:0}dialog{border:0;background:var(--surface);color:var(--ink);width:min(980px,calc(100% - 32px));padding:32px;box-shadow:0 15px 70px #00000035}dialog::backdrop{background:#182d2466}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:26px}.dialog-head button{background:transparent;border:1px solid var(--line);padding:8px 16px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.comparison-grid a{padding:22px 0;border-top:1px solid var(--line);text-decoration:none}.comparison-grid a:hover{background:var(--paper)}.comparison-grid strong{font-size:17px}.comparison-grid p{font-size:13px;margin-top:14px;color:var(--muted)}.comparison-grid span{font-size:12px;display:block;margin-top:22px}.dialog-note{font-size:12px;color:var(--muted);margin-top:22px}.layout-b{padding:54px 56px 0}.b-intro{text-align:center}.b-intro h1{font-size:54px}.b-intro p{font-size:14px;color:var(--muted);margin:18px auto 28px}.b-upload{max-width:670px;margin:auto}.b-upload .upload-panel{text-align:center;padding:32px 40px;border-radius:var(--radius)}.b-upload .file-controls{justify-content:center}.b-upload .hint-field{text-align:left}.b-upload .hint-field input{text-align:left}.b-sample{max-width:920px;margin:42px auto 0;display:grid;grid-template-columns:260px 1fr;gap:30px;border-top:1px solid var(--line);padding-top:28px}.b-sample .photo-frame img{height:210px}.b-sample .photo-label{left:10px;top:10px}.b-sample .result-heading{padding-top:12px}.b-sample .result-heading h2{font-size:25px}.b-sample .result-top{font-size:12px}.b-sample .evidence-row{padding:11px 0}.b-sample .photo-caption{font-size:12px}.layout-c{padding:32px 40px 0}.c-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.c-heading h1{font-size:36px}.c-heading p{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:300px 1fr;min-height:610px;gap:0;background:var(--surface);border:1px solid var(--line)}.c-sidebar{padding:22px;border-right:1px solid var(--line)}.c-sidebar .photo-frame img{height:150px}.c-sidebar .photo-caption{font-size:12px}.c-sidebar .upload-compact{display:block;padding-bottom:15px}.c-sidebar .upload-compact p{margin-top:12px}.c-sidebar .primary{width:100%}.c-sidebar .hint-field{margin-top:4px}.candidate-list{margin-top:20px}.candidate-list>p{font-size:12px;color:var(--muted);margin-bottom:10px}.candidate{display:block;text-align:left;width:100%;padding:13px 10px;background:none;border:0;border-top:1px solid var(--line)}.candidate[aria-pressed=true]{background:#e4eadb}.candidate strong{font-size:13px;display:block}.candidate small{font-size:12px;color:var(--muted)}.c-main{min-width:0}.map-wrap{position:relative;background:#e9e8d8;height:345px;overflow:hidden}.map-wrap canvas{width:100%;height:100%;display:block}.map-warning{position:absolute;top:12px;left:16px;right:16px;font-size:12px;background:var(--surface);padding:5px 9px;width:fit-content;max-width:calc(100% - 32px)}.map-labels{position:absolute;inset:0;pointer-events:none}.map-labels button{position:absolute;border:0;background:var(--ink);color:white;padding:6px 10px;border-radius:5px;pointer-events:auto;font-size:12px;transform:translate(-50%,-50%)}.map-labels button[aria-pressed=true]{background:#a04a24;outline:5px solid #fff9}.c-result{padding:20px 28px}.c-result .result-heading{padding:12px 0}.c-result .result-heading h2{font-size:25px}.c-result .evidence-row{padding:10px 0}.c-result .evidence-row p{font-size:12px}.status-state{margin-top:12px;font-size:12px;padding:12px;background:#e8ecdf;color:#3f503e}.feedback{display:flex;gap:12px;margin-top:18px}.feedback button{border:1px solid var(--line);background:none;padding:6px 13px;font-size:12px}.feedback button[aria-pressed=true]{background:var(--accent);color:white}.feedback-message{font-size:12px;color:var(--muted);margin-top:8px}.layout-a,.layout-b,.layout-c{animation:page-arrive .3s cubic-bezier(.16,1,.3,1)}@keyframes page-arrive{from{filter:blur(1.5px);transform:translateY(7px)}to{filter:blur(0);transform:translateY(0)}}
@media(min-width:1500px){.photo-frame img{height:400px}}
@media(max-width:1100px){.header{padding:24px 32px;gap:20px}.draft-label{display:none}.brand span{display:none}.layout-a,.layout-b{padding-left:32px;padding-right:32px}.a-stage{gap:28px}.guide-section,.editorial,footer{margin-left:32px;margin-right:32px}.guide-section{gap:40px}.editorial{gap:45px}.layout-c{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:270px 1fr}.intro>p{max-width:28ch}.photo-frame img{height:320px}}
@media(max-width:720px){body{font-size:14px;padding-bottom:105px}.prototype-notice{font-size:12px;padding:7px 16px}.prototype-notice span{display:block;margin:2px 0 0;font-size:12px}.header{padding:18px 22px;gap:14px}.brand{font-size:25px;gap:8px}.brand svg{width:23px}nav{gap:15px;font-size:12px}nav a:last-child{display:none}.layout-a,.layout-b{padding:32px 22px 0}.intro{display:block;margin-bottom:25px}.intro h1{font-size:39px}.intro>p{margin-top:18px;max-width:40ch;font-size:13px}.a-stage{display:flex;flex-direction:column;gap:24px}.a-stage>div{width:100%}.photo-frame img{height:265px}.photo-label{top:12px;left:12px}.photo-caption{font-size:12px}.upload-compact{padding:15px 0;align-items:flex-start}.upload-compact p{font-size:12px}.primary,.secondary{font-size:12px;padding:10px 17px}.result-heading h2{font-size:29px}.guide-section{display:block;margin:44px 22px 0;padding:30px 0}.guide-title h2{font-size:28px}.guide-title p{margin-top:12px}.explain{margin-top:30px}.editorial{display:block;margin:0 22px;padding:30px 0}.editorial h2{font-size:27px}.ad-review{margin-top:35px;min-height:250px}footer{margin:0 22px}.switcher{gap:7px;bottom:12px;padding:9px 8px}.switcher>.compare-button{padding:0 10px}.switcher>div{min-width:130px}.switcher>button{min-width:34px}.comparison-grid{grid-template-columns:1fr;gap:0}.dialog-head{align-items:flex-start}.dialog-head h2{font-size:21px}dialog{padding:24px;max-height:85vh;overflow:auto}.comparison-grid a{padding:15px 0}.comparison-grid span{margin-top:8px}.layout-b{padding-top:38px}.b-intro h1{font-size:37px}.b-intro p{font-size:12px}.b-upload .upload-panel{padding:24px 18px}.upload-panel h2{font-size:22px}.b-sample{grid-template-columns:1fr;gap:20px;margin-top:32px}.b-sample .photo-frame img{height:190px}.b-sample .result-heading h2{font-size:27px}.layout-c{padding:28px 16px 0}.c-heading{display:block}.c-heading h1{font-size:31px}.c-heading p{margin-top:8px}.workspace{display:flex;flex-direction:column}.c-sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.c-sidebar .photo-frame{display:none}.c-sidebar .photo-caption{display:none}.c-sidebar .upload-compact{padding-top:0;border:0}.candidate-list{margin-top:18px}.candidate-list>p{margin-bottom:5px}.candidate{padding:10px}.map-wrap{height:290px}.c-result{padding:18px}.map-labels button{font-size:12px;padding:5px 7px}.c-result .result-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.switcher{width:max-content}.switcher>*{flex-shrink:0}.switcher>.compare-button{white-space:nowrap}.switcher>button{min-height:44px}.text-button{min-height:44px}.feedback button{min-height:44px}.map-labels button{min-height:36px}nav a{padding:8px 0}

body{padding-bottom:0;overflow:hidden}.page-scroll{height:calc(100dvh - 100px);overflow-y:auto;scroll-behavior:smooth}.switcher{bottom:18px}@media(max-width:720px){.page-scroll{height:calc(100dvh - 94px)}.switcher{bottom:12px}}@media(prefers-reduced-motion:reduce){.page-scroll{scroll-behavior:auto}}