:root{color-scheme:light;--bg:#f1f0eb;--paper:#fafaf7;--fg:#232825;--muted:#626960;--line:#d6d9ce;--accent:#426044;--accentbg:#e0e7da;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-90px;background:var(--fg);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}.security{color-scheme:dark;--bg:#111715;--paper:#18211d;--fg:#e5eae4;--muted:#a3b0a6;--line:#35433a;--accent:#bce493;--accentbg:#26352a}.top{height:88px;max-width:1600px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:19px;font-weight:750;letter-spacing:-.8px}.wordmark span{font-weight:400;color:var(--muted);font-size:13px;letter-spacing:0}.top nav{display:flex;gap:26px;font-size:13px}.top nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.wrap{max-width:1440px;margin:auto;padding:68px 5vw 70px}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}h1{font-size:clamp(38px,5.5vw,78px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:0}h2{font-weight:500;letter-spacing:-.6px}p{margin:0 0 15px}.intro p:last-child{color:var(--muted);max-width:420px;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{display:block;border:1px solid var(--line);background:var(--paper);transition:transform .2s}.feature:hover{transform:translateY(-4px)}.feature-art{height:320px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e6e8df;border-bottom:1px solid var(--line)}.feature-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:12px}.security .feature-art{background:#17271f}.feature-art svg{width:80%;height:85%}.feature-copy{padding:26px 30px 30px}.feature-copy .index{font:11px var(--mono);color:var(--muted)}.feature-copy h2{font-size:28px;margin:12px 0 10px;display:flex;justify-content:space-between}.feature-copy p{color:var(--muted);font-size:14px;margin:0;max-width:390px}.small{font-size:12px;color:var(--muted)}.statusline{display:flex;justify-content:space-between;gap:20px;padding-top:30px;color:var(--muted);font-size:12px}.workhead{padding:28px 3vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.workhead h1{font-size:28px;letter-spacing:-1px}.tag{font:11px var(--mono);padding:5px 10px;border:1px solid var(--line);border-radius:3px}.editor{display:grid;grid-template-columns:300px minmax(0,1fr);border-top:1px solid var(--line);min-height:640px}.settings{padding:25px 24px;border-right:1px solid var(--line);background:var(--paper)}.settings h2{font-size:17px;margin:8px 0 20px}.field{display:block;margin-bottom:16px;font-size:12px;color:var(--muted)}input[type=number],input[type=search],textarea,select{width:100%;display:block;margin-top:6px;border:1px solid var(--line);padding:10px 12px;background:var(--bg);color:var(--fg);border-radius:3px}input[type=color]{height:30px;width:50px;border:0;background:none;cursor:pointer}textarea{resize:vertical;min-height:155px;font:12px/1.7 var(--mono)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);background:var(--paper);color:var(--fg);padding:9px 16px;border-radius:3px;font-size:13px}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn:hover{filter:brightness(.95)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.settings .btn.primary{width:100%;margin:4px 0 12px}.viewport{position:relative;min-height:560px;background:radial-gradient(ellipse at 50% 45%,#fcfcf8,#e6e9df);overflow:hidden}.viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}.viewbar{position:absolute;top:20px;left:24px;right:24px;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center}.viewbar .btn{background:#fafaf0e8}.viewhint{position:absolute;bottom:14px;left:24px;right:24px;color:#566055;font-size:12px;pointer-events:none}.viewerror{position:absolute;inset:90px 20px auto;background:#fff4dd;color:#582f14;padding:16px;z-index:3}.draw{position:absolute;inset:70px 10px 35px}.draw svg{width:100%;height:100%}.parts{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.part{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.toolnote{padding:20px 3vw;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.notice{font-size:12px;color:var(--muted);margin:14px 0}.error{font-size:13px;color:#af4c29}.security .error{color:#ffc5a7}.analysis{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 3vw 30px}.panel{border:1px solid var(--line);padding:24px;background:var(--paper);min-width:0}.panel h2{font-size:18px;margin:0 0 20px}.panel textarea{min-height:290px}.findings{padding:0;list-style:none}.findings li{padding:16px 0;border-bottom:1px solid var(--line)}.findings strong{display:block;font-size:14px}.findings p{color:var(--muted);font-size:13px;margin:6px 0}.kb{margin:0 3vw 35px}.kb form{display:flex;align-items:end;gap:12px}.kb label{flex:1}.kb-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.kb-result{border-top:1px solid var(--line);padding-top:15px;min-width:0}.kb-result a{font-size:15px;text-decoration:underline;text-underline-offset:4px}.kb-result p{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:9px}.portal-top{position:absolute;z-index:2;top:0;left:0;right:0;height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#263226;font-size:12px}.portal-top span{color:#abb7a8}.portal{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.portal-side{position:relative;min-height:740px;display:flex;flex-direction:column;padding:145px 6vw 50px;overflow:hidden}.portal-side.machine{background:#e8e9df;color:#283327}.portal-side.ctf{background:#14251c;color:#ecf0e5}.portal-side h1,.portal-side h2{font-weight:400;font-size:clamp(64px,8vw,128px);letter-spacing:-6px;line-height:1;margin:0}.portal-side .eyebrow{color:inherit;opacity:.65;margin-bottom:24px}.portal-visual{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center}.portal-visual svg{width:100%;max-height:350px;transition:transform .5s}.portal-side:hover .portal-visual svg{transform:translateY(-8px) rotate(-3deg)}.portal-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7b8b7055;padding-top:24px;font-size:14px;gap:15px}.portal-bottom span:last-child{font-size:28px}.portal-caption{font:11px var(--mono);opacity:.55;margin-top:8px}.awards-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}.award-mini{border-top:1px solid var(--line);padding-top:20px}.award-mini strong{font-size:21px;font-weight:500}.award-mini p{margin:8px 0 0;color:var(--muted);font-size:13px}details summary{cursor:pointer}.manual{max-width:920px;padding:22px 3vw}.manual summary{font-size:13px}.manual code{font-family:var(--mono)}@media(min-width:1500px){.portal-side{padding-top:170px}}@media(max-width:800px){.top{height:auto;min-height:76px;padding:18px 5vw;flex-wrap:wrap}.top nav{gap:20px}.wordmark span{display:none}.wrap{padding-top:42px}.intro{display:block;margin-bottom:30px}.intro p:last-child{margin-top:20px}h1{letter-spacing:-2px}.feature-art{height:240px}.feature-copy{padding:20px}.feature-copy h2{font-size:23px}.editor{grid-template-columns:250px minmax(0,1fr)}.analysis{grid-template-columns:1fr}.portal-side{padding:130px 5vw 40px;min-height:660px}.portal-side h1,.portal-side h2{font-size:70px;letter-spacing:-4px}}@media(max-width:600px){.two,.portal,.awards-strip,.kb-results{grid-template-columns:1fr}.portal-side{min-height:520px;padding:105px 7vw 30px}.portal-side.ctf{padding-top:65px}.portal-top{position:absolute;height:66px}.portal-top span{color:#64705e}.portal-visual{min-height:230px}.portal-visual svg{height:230px}.portal-side h1,.portal-side h2{font-size:70px}.editor{display:flex;flex-direction:column}.settings{border-right:0;border-bottom:1px solid var(--line);order:2}.viewport{min-height:450px;order:1}.parts{margin-top:16px}.viewbar{left:14px;right:14px;flex-wrap:wrap}.workhead{align-items:start}.workhead h1{font-size:23px}.statusline{display:block}.statusline span{display:block;margin-bottom:10px}.kb form{align-items:stretch;flex-direction:column}.feature-art{height:290px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}