:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#17334c;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{width:min(1280px,calc(100% - 64px));margin:auto}.top{background:#fff;border-bottom:1px solid #e6eeeb}.top-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#12334b;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:.07em;color:#758d95;margin-top:1px}.brand-mark{display:grid;place-items:center;color:white;background:#15877d;border-radius:10px;width:40px;height:40px;font-size:21px}.tag{font-size:13px;color:#54756f;background:#eaf4f1;border-radius:99px;padding:8px 13px}.intro{padding:55px 0 38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:#18887e;margin:0 0 16px}h1{font-size:clamp(30px,3.5vw,43px);line-height:1.27;letter-spacing:-.04em;margin:0;color:#102e45}.subtitle{font-size:16px;line-height:1.7;color:#647b84;margin:16px 0 0}.privacy{display:flex;gap:12px;align-items:start;color:#315e55;background:#eaf5f0;border:1px solid #d9eee4;padding:17px 20px;border-radius:12px;min-width:300px}.privacy-icon{font-size:17px;font-weight:700;color:#15877d}.privacy strong{font-size:13px}.privacy p{font-size:12px;margin:6px 0 0;color:#67857d;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}.panel{background:#fff;border:1px solid #e2ebe8;border-radius:16px;padding:28px;min-width:0;box-shadow:0 8px 28px #183f3710}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f0;padding-bottom:20px;margin-bottom:24px}.section-head>div{display:flex;align-items:center;gap:10px}.section-head h2{font-size:18px;margin:0;letter-spacing:-.03em}.step{font-size:12px;font-weight:700;color:#16867b}.text-button{border:0;background:none;color:#6b8589;font-size:13px;cursor:pointer;padding:8px}.text-button:hover{color:#166c65}label{display:block;font-weight:700;font-size:14px;color:#244659;margin:0 0 7px}.required,.optional{font-size:11px;font-weight:500;color:#19887e;margin-left:5px}.optional{color:#829397}.hint{color:#81969a;font-size:12px;line-height:1.5;margin:0 0 9px}textarea,select{font:inherit;width:100%;border:1px solid #d8e5e1;border-radius:9px;color:#17334c;background:#fcfefd;outline:none}textarea{resize:vertical;min-height:150px;padding:13px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.55}textarea.short{min-height:76px}textarea:focus,select:focus{border-color:#16887d;box-shadow:0 0 0 3px #16887d1a}textarea::placeholder{color:#b7c8c4}.primer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.options{margin:20px 0;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0}.options summary{cursor:pointer;font-size:13px;font-weight:700;color:#4f6d71;padding:15px 0}.option-body{padding-bottom:17px}.option-body label:not(:first-child){margin-top:18px}select{padding:10px}.error{color:#a83b34;background:#fff2ef;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.primary,.secondary{font:inherit;cursor:pointer;border-radius:9px;font-weight:700}.primary{width:100%;padding:16px 18px;border:0;background:#128579;color:#fff;display:flex;justify-content:center;gap:10px}.primary:hover{background:#0d6e65}.primary span{font-size:18px;line-height:1}.result-label{color:#8a9e9e;font-size:12px}.empty{min-height:410px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty[hidden],#results[hidden],.error[hidden]{display:none}.empty-mark{width:68px;height:68px;border-radius:50%;background:#edf6f3;color:#8abbb2;font-size:44px;line-height:58px}.empty h3{font-size:17px;margin:20px 0 8px}.empty p{color:#98a9a8;line-height:1.7;font-size:14px;margin:0}.summary-box{background:#eff8f4;border-radius:10px;padding:17px;color:#4f7169;font-size:12px}.summary-box strong{display:block;color:#206c61;font-size:15px;margin:8px 0}.summary-box p{margin:0;line-height:1.6}.result-block{padding:22px 0;border-bottom:1px solid #edf2f0}.result-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-title h3{margin:0;font-size:15px}.result-title span{font-size:12px;color:#16877d}.metrics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.metrics span{background:#f5f8f7;border-radius:6px;padding:7px 9px;font-size:12px;color:#7b9192}.metrics b{color:#284d57}.table-wrap{max-height:180px;overflow:auto;border:1px solid #edf2f0;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#82969a;background:#f9fbfa;font-weight:600;position:sticky;top:0}th,td{padding:9px;border-bottom:1px solid #edf2f0}td{color:#405e69}.muted{font-size:13px;color:#809392;line-height:1.6;margin:0}.notice{font-size:12px;color:#9a6127;background:#fff8e9;padding:10px;border-radius:6px;line-height:1.5}.product-list{max-height:220px;overflow:auto}.product{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f5f9f7;border-radius:7px;margin-bottom:6px}.product strong{font-size:16px;color:#1a6f65}.product small{display:block;font-size:12px;color:#7f9493;margin-top:4px}.product span{font-size:11px;color:#95a9a5}.not-tested{padding:18px 0;color:#657d80;font-size:12px;line-height:1.65}.not-tested strong{color:#4a6970;font-size:13px}.not-tested p{margin:6px 0}.secondary{background:#fff;color:#147d73;border:1px solid #9ccfc4;padding:11px 14px}.boundary{margin:32px 0;background:#edf4f2;border-radius:14px;padding:25px 27px}.boundary h2{font-size:16px;margin:0 0 18px}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.boundary strong{font-size:13px}.boundary p{font-size:12px;line-height:1.7;color:#738b8b;margin:8px 0 0}.boundary a{color:#138075}.footer{display:flex;justify-content:space-between;color:#91a4a1;font-size:11px;padding:0 0 32px;gap:15px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}.privacy{min-width:0;width:100%}.empty{min-height:230px}.boundary-grid{grid-template-columns:1fr;gap:18px}}@media(max-width:540px){.shell{width:calc(100% - 32px)}.top-inner{height:68px}.intro{padding:38px 0 26px}.panel{padding:20px}.primer-grid{grid-template-columns:1fr}.boundary{padding:22px}.footer{flex-direction:column}.tag{font-size:11px}}
.mode-switch{display:flex;gap:5px;background:#f2f7f5;border-radius:10px;padding:5px;margin:0 0 24px}.mode-switch button{flex:1;border:0;border-radius:7px;background:transparent;padding:11px 8px;font:inherit;font-size:13px;font-weight:700;color:#6e8785;cursor:pointer}.mode-switch button.active{background:#fff;color:#147d73;box-shadow:0 2px 8px #17334c12}input[type=number]{width:100%;padding:12px;border:1px solid #d8e5e1;border-radius:9px;color:#17334c;font:inherit}.design-hint{margin-top:12px}.candidate{border:1px solid #e1ebe7;border-radius:10px;padding:15px;margin:14px 0}.sequence{font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#294d5c}.sequence b{color:#138075}.blast-box{border:1px solid #cce6df;background:#f5faf8;border-radius:10px;margin:22px 0;padding:17px}.blast-box h3{font-size:15px;margin:0 0 10px}.blast-box p{font-size:12px;line-height:1.7;color:#5b7777}.blast-box a{color:#138075}.consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;margin:14px 0}.consent input{margin-top:3px}.primary:disabled{opacity:.6;cursor:wait}.table-wrap{max-height:260px}
