:root{--navy:#09223e;--teal:#128291;--cyan:#1abbcf;--ink:#243444;--muted:#586979;--line:#d8e1e6;--wash:#f3f7f8;--white:#fff;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}.header{min-height:86px;padding:20px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}.brand img{display:block;width:154px;height:auto}.header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{color:var(--teal)}.wrap{max-width:1240px;margin:auto;padding:0 28px}.hero{padding:64px 0 38px}.eyebrow{font:11px/1.4 Consolas,monospace;letter-spacing:.16em;color:var(--teal);margin:0 0 20px}.hero-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}h1{font-size:46px;line-height:1.2;letter-spacing:-.05em;color:var(--navy);margin:0}h1 span{display:block;font-size:22px;font-weight:400;color:var(--muted);margin-top:12px;letter-spacing:-.04em}.version{border:1px solid var(--line);padding:6px 12px;font-size:12px;white-space:nowrap}.intro{font-size:16px;color:var(--muted);margin:24px 0 12px}.privacy{font-size:12px;color:var(--teal);margin:0}.privacy span{margin-right:6px}.workspace{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);border-top:2px solid var(--navy);border-bottom:1px solid var(--line);align-items:start}.input-panel{padding:28px 32px 28px 0}.result-panel{padding:28px 0 32px 32px;border-left:1px solid var(--line);min-height:900px;align-self:stretch;min-width:0}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:25px}.step{font:12px Consolas,monospace;color:var(--teal)}h2{font-size:21px;letter-spacing:-.03em;color:var(--navy);margin:0}.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:600}.label-row label span{font-weight:400;color:var(--muted);margin-left:7px}.label-row.small{font-weight:400;color:var(--muted);font-size:11px;margin:6px 0 25px}.text-button{border:0;background:none;color:var(--teal);padding:5px 0;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}textarea{display:block;width:100%;min-height:165px;padding:14px;border:1px solid #b6c6cf;border-radius:2px;background:#fbfcfd;color:var(--navy);font:12px/1.7 Consolas,monospace;resize:vertical;word-break:break-all}textarea::placeholder{font-family:inherit;color:#647585}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-size:13px;font-weight:600;margin-bottom:10px}.method{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);margin-bottom:8px;cursor:pointer}.method:has(input:checked){border-color:var(--teal);background:#edf8fa}.method input{accent-color:var(--teal);width:16px;height:16px;flex-shrink:0}.method b{font-size:14px;display:block;color:var(--navy)}.method small{font-size:12px;color:var(--muted);display:block;margin-top:2px}.check{font-size:13px}.check input{accent-color:var(--teal)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair label{font-size:12px}.pair select{display:block;width:100%;padding:8px;margin-top:4px;border:1px solid var(--line);background:white;color:var(--ink)}.help{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.7}.advanced{border-top:1px solid var(--line);margin-top:22px;padding:15px 0}.advanced summary{font-size:13px;cursor:pointer}.advanced label{display:block;font-size:12px;margin:15px 0 5px}.utr{min-height:80px;font-size:11px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;border:0;background:var(--navy);color:white;font-size:15px;font-weight:600;margin-top:14px}.primary:hover{background:#154363}.empty{padding:125px 0;text-align:center;color:var(--muted)}.empty h3{font-size:20px;color:var(--navy);margin:25px 0 10px}.empty p{font-size:13px}.sequence-art{height:46px;display:flex;align-items:center;justify-content:center;gap:7px}.sequence-art i{width:7px;height:20px;background:#b5e4e9;transform:rotate(25deg)}.sequence-art i:nth-child(3n){height:44px;background:var(--cyan)}.sequence-art i:nth-child(3n + 1){height:30px}.notice{font-size:12px;padding:11px 13px;margin-bottom:10px;background:#eef6f8;border-left:3px solid var(--teal);overflow-wrap:anywhere}.notice.error{background:#fff0ec;border-color:#b33920;color:#8f2c18}.notice.warning{background:#fff8e9;border-color:#a4700d;color:#76500e}.result-title{font-size:20px;line-height:1.4;color:var(--navy);margin:0 0 15px}.metrics{display:flex;flex-wrap:wrap;gap:14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.metrics div{font-size:11px;color:var(--muted)}.metrics strong{font:20px Consolas,monospace;color:var(--navy);display:block}.result-section{margin:24px 0 12px;font-size:15px;color:var(--navy)}.seq-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;margin-top:16px}.sequence{font:11px/1.8 Consolas,monospace;overflow-wrap:anywhere;word-break:break-all;background:var(--wash);border:1px solid var(--line);padding:12px;max-height:190px;overflow-y:auto;margin:6px 0}.sequence .u5{color:#9c5300}.sequence .u3{color:#6541a5}.stats{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.result-panel ul{padding-left:18px;font-size:12px;color:var(--muted)}.result-panel li{margin:6px 0}.download-row{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.secondary{border:1px solid var(--navy);color:var(--navy);background:white;font-size:12px;padding:9px 13px}.secondary:hover{background:var(--wash)}.support{display:flex;justify-content:space-between;gap:40px;padding:52px 0;border-bottom:1px solid var(--line)}.support p:not(.eyebrow){font-size:13px;color:var(--muted);margin:12px 0 0}.support-links{min-width:280px;display:flex;flex-direction:column;justify-content:center;gap:12px}.support-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13px;text-decoration:none}.support-links small{font-size:10px;color:var(--muted)}.usage{margin:25px 0 45px;font-size:12px;color:var(--muted)}.usage summary{cursor:pointer}.usage p{max-width:900px}footer{padding:22px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}.result-panel details{margin:18px 0;font-size:12px}.result-panel summary{cursor:pointer}.chip{display:inline-block;border:1px solid var(--line);padding:3px 8px;margin:2px;font-size:11px}.chip.blocked{color:#8f2c18;background:#fff0ec}@media(max-width:850px){.wrap{padding:0 20px}.header{padding:18px 20px}.header nav{gap:14px;font-size:11px}.brand img{width:126px}.workspace{grid-template-columns:1fr}.input-panel{padding:24px 0}.result-panel{padding:24px 0;border-left:0;border-top:1px solid var(--line);min-height:350px}.empty{padding:55px 0}.hero{padding:36px 0 28px}h1{font-size:36px}h1 span{font-size:18px}.hero-title{flex-wrap:wrap}.version{font-size:10px}.support{flex-direction:column;gap:24px;padding:32px 0}.support-links{min-width:0}footer{flex-wrap:wrap}.intro{font-size:14px}}@media(max-width:440px){.header nav a:first-child{display:none}.header nav{gap:12px}.wrap{padding:0 16px}.header{padding:18px 16px}.hero-title{gap:14px}.label-row{flex-wrap:wrap}.result-title{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
