:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#182539;background:#f3f6fa;font-size:16px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:84px;background:white;border-bottom:1px solid #e0e6ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2))}.brand{display:flex;align-items:center;gap:11px;color:#17263e;text-decoration:none;font-size:21px;font-weight:800;white-space:nowrap}.brand-icon{background:#2458eb;color:white;border-radius:10px;padding:0 10px;font-size:26px}.header-note,small,.muted{color:#637188}.header-note{font-size:14px}main{max-width:1120px;margin:auto;padding:30px 24px}nav{display:flex;gap:6px;background:#e8edf5;padding:6px;border-radius:13px;margin-bottom:37px;width:fit-content}.tab{background:transparent;color:#536177;border:0;padding:11px 23px;font-size:15px}.tab.active{background:white;color:#2458eb;box-shadow:0 2px 6px #263b6010}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.eyebrow{color:#2458eb;font-size:12px;font-weight:800;letter-spacing:2px}h1{font-size:32px;letter-spacing:-1px;margin:5px 0 7px;line-height:1.35}h2{font-size:19px;margin:0 0 16px}p{margin:6px 0 16px;color:#5e6c81}button{font:inherit;border:1px solid transparent;cursor:pointer;background:#2458eb;color:white;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:650;transition:background .15s}button:hover{background:#1948d4}button:disabled{cursor:default;opacity:.45}button.secondary{background:white;border-color:#d6deeb;color:#30435f}button.secondary:hover{background:#f0f4fc}.text-button{background:transparent;color:#2458eb;padding:12px 0}.text-button:hover{background:transparent;color:#173fab}.grid{display:grid;gap:22px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.compact{gap:14px}.card{background:white;border:1px solid #e0e6ef;border-radius:15px;padding:26px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.card-head h2{margin:0}.ip-card{background:#102543;border-radius:18px;padding:32px;color:white;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:0 10px 30px #10254312}.ip-top,.ip-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.ip-top{color:#b7c8e3;font-size:15px}.badge{font-size:12px;padding:4px 10px;border-radius:6px;background:#ffffff17;color:inherit;white-space:nowrap}.blue{background:#edf2ff;color:#2458eb}#ip-address{font:650 clamp(25px,5vw,52px)/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px;padding:20px 0;overflow-wrap:anywhere}.ip-bottom{color:#a7b9d4;font-size:13px}#copy-ip{background:#fff;color:#102543}dl{margin:0}dl>div{display:flex;justify-content:space-between;padding:12px 0;gap:20px;border-bottom:1px solid #edf0f5}dl>div:last-child{border-bottom:0}dt{color:#637188;font-size:14px}dd{margin:0;text-align:right;font-weight:550;font-size:14px}.tip{padding-bottom:10px}.tip p{font-size:14px}small{font-size:12px;display:block;line-height:1.7}.device-cell{padding:16px;background:#f5f7fb;border-radius:10px}.device-cell span{display:block;font-size:13px;color:#66748a}.device-cell b{display:block;font-size:15px;margin-top:6px;overflow-wrap:anywhere}.muted{font-size:13px;line-height:1.7;margin-top:16px}.orange{color:#d96716}.orange-bg{color:#bc5812;background:#fff1e6}.sell-grid{grid-template-columns:1fr 1fr}.preview-card{height:fit-content;border-top:4px solid #ec8138}label{display:block;font-size:14px;font-weight:600;margin:15px 0 7px}input,textarea,select{display:block;width:100%;font:inherit;font-size:14px;line-height:1.6;background:#fff;border:1px solid #d5deeb;border-radius:8px;padding:11px 12px;color:#243550;margin-top:7px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8793a5}input:focus,textarea:focus,select:focus{outline:2px solid #a2b9ff;outline-offset:1px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #91b0ff;outline-offset:3px}.wide{width:100%;margin-top:8px}ol{padding-left:21px;color:#5e6c81;font-size:14px}li{margin-bottom:8px}details{margin:15px 0;font-size:14px}summary{cursor:pointer;color:#2458eb}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5fa;padding:15px;font-size:12px}#import-spec,#use-spec{margin-top:15px}#copy-title{margin-top:10px}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 0;font-size:12px;color:#748197;border-top:1px solid #dfe5ee;margin-top:30px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#102543;color:white;border-radius:10px;padding:12px 20px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;max-width:90%;font-size:14px}#toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:760px){header{height:70px;padding:0 20px}.header-note{display:none}main{padding:22px 16px}nav{width:100%;margin-bottom:25px}.tab{flex:1;padding:11px 6px;font-size:13px}h1{font-size:26px}.heading p{font-size:14px}.two,.sell-grid{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.compact.two{grid-template-columns:1fr 1fr}.card{padding:20px}.ip-card{padding:23px}.ip-bottom{align-items:flex-start;flex-direction:column}.grid{gap:0}.device-grid,.three{gap:12px}.card-head{flex-wrap:wrap}footer{flex-direction:column}.heading>button{white-space:nowrap;padding:10px}#ip-address{padding:22px 0}.card .grid.three{gap:12px}}