:root{--bg:#f5f6f1;--ink:#1e3027;--muted:#657269;--line:#dce3d9;--green:#356848;--tint:#e9f0e3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:10px 16px;font-size:13px;font-weight:550}button:hover{background:var(--tint);border-color:#abbfa5}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#285337}button.text-button{background:none;border:0;padding:0;color:var(--green);font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #87b579;outline-offset:3px}header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);background:#fafbf7}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-1px;font-size:25px;font-weight:750}.mark{font-size:35px;color:var(--green);transform:rotate(-8deg);line-height:1}.brand-sub{font-weight:400;color:#8b998b;font-size:18px;letter-spacing:-.5px;margin-left:5px}.header-note{font-size:12px;color:var(--muted)}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:266px minmax(0,1fr)}aside{padding:38px 22px;min-height:calc(100vh - 82px);border-right:1px solid var(--line)}.menu-label,.breadcrumb,.tag,.card-top{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px}.menu-label{color:#859080;margin:0 14px 18px}nav{display:flex;flex-direction:column;gap:6px}nav a{display:flex;gap:11px;align-items:center;padding:13px 12px;border-radius:7px;font-size:13px;color:var(--muted)}nav a>span{width:23px;font:18px ui-monospace,monospace;color:#668067}nav small{font:10px ui-monospace,monospace;margin-left:auto;color:#95a08e}nav a.active{background:#e2ebda;color:#244e32;font-weight:650}nav a:hover{background:var(--tint)}.side-note{margin:65px 12px 0;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.side-note strong{display:block;font-size:13px;color:var(--ink);font-weight:550;margin-top:12px}.shield{font-size:25px;color:var(--green)}.side-note p{margin:8px 0 15px;line-height:1.7}main{min-width:0;padding:34px 50px 0}.breadcrumb{color:#84917e;display:flex;gap:12px;font-size:9px}.breadcrumb b{color:var(--green);font-weight:500}.section-title{margin:34px 0 25px}.tag{color:var(--green);background:#e7eede;border-radius:4px;padding:4px 8px;letter-spacing:1px;font-size:9px}h1{font-size:clamp(29px,3.5vw,43px);line-height:1.2;font-weight:580;letter-spacing:-1.5px;margin:14px 0 10px}.section-title>p{color:var(--muted);font-size:14px;margin:0}h2{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 12px}.ip-card{border:1px solid #c8d8bf;border-radius:11px;padding:27px 30px;background:#eaf0e2;background-image:radial-gradient(#bbcbb0 .6px,transparent .6px);background-size:15px 15px}.card-top{display:flex;justify-content:space-between;color:#5d7451}.ip-value{font:clamp(25px,3.7vw,49px)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-2px;margin:24px 0;overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0 0}.ip-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #c9d9bc;margin-top:26px;padding-top:15px;font-size:10px;color:#617657}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.note p{font-size:12px;color:var(--muted);margin:0;line-height:1.75}.note h2{font-size:13px;margin-bottom:7px}.other-title{margin:34px 0 15px;font-size:14px}.quick-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick-tools a{padding:18px 15px;border:1px solid var(--line);border-radius:8px;background:#fafbf7}.quick-tools a:hover{border-color:#8bad7c;background:#edf3e8}.quick-tools a>span{display:block;color:var(--green);font:20px ui-monospace,monospace;margin-bottom:18px}.quick-tools strong{display:block;font-size:12px;font-weight:600}.quick-tools small{display:block;color:var(--muted);font-size:10px;margin-top:7px}footer{border-top:1px solid var(--line);margin-top:40px;display:flex;gap:16px;justify-content:space-between;padding:20px 0 23px;color:#7f8b7b;font-size:10px}footer .text-button{font-size:10px}.workspace{border:1px solid var(--line);padding:25px;background:white;border-radius:10px}.workspace label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #cdd8c7;border-radius:6px;background:#fbfcf9;color:var(--ink);padding:12px;font:14px/1.6 ui-monospace,Consolas,monospace}textarea{resize:vertical;min-height:170px;display:block}textarea[readonly],input[readonly]{background:#f1f5ee}.input-row{display:flex;gap:10px}.input-row button{white-space:nowrap}.hint{font-size:11px;color:var(--muted)}.footnote{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}.result-grid{margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.result-grid>div{padding:15px 0;border-top:1px solid var(--line);min-width:0}.result-grid dt{font-size:11px;color:var(--muted);margin-bottom:6px}.result-grid dd{font:14px/1.5 ui-monospace,Consolas,monospace;margin:0;overflow-wrap:anywhere}.error,.status{font-size:12px;margin:14px 0;overflow-wrap:anywhere}.error,.status.fail{color:#ae3737}.status.ok{color:var(--green)}.editor-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.length-row{display:flex;align-items:center;gap:15px;margin:20px 0}.length-row label{margin:0}.length-row input{width:85px}.checks{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0}.checks label{display:flex;gap:8px;align-items:center;font:13px ui-monospace,monospace}.checks input{accent-color:var(--green);height:16px;width:16px}.small-output{min-height:80px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}dialog{max-width:550px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:12px;padding:26px;color:var(--ink);box-shadow:0 20px 80px #0002}dialog::backdrop{background:#17251d70}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{margin:0}dialog p{font-size:13px;color:var(--muted);line-height:1.8}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 20px;border-radius:8px;background:var(--ink);color:white;font-size:13px;box-shadow:0 3px 20px #0002;display:none;max-width:90vw;z-index:10}#toast.visible{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;background:#fff0ca;padding:20px;width:100%;text-align:center}@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:1050px){main{padding:28px 28px 0}.layout{grid-template-columns:230px minmax(0,1fr)}aside{padding:32px 13px}nav a{font-size:12px;gap:7px}.quick-tools{gap:8px}.quick-tools a{padding:15px 12px}.ip-value{font-size:36px}}@media(max-width:760px){header{height:68px;padding:0 20px}.header-note{display:none}.brand{font-size:23px}.layout{display:block}aside{min-height:0;padding:13px 16px;border-right:0;border-bottom:1px solid var(--line)}.menu-label,.side-note{display:none}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}nav a{padding:10px 7px;font-size:10px;gap:5px;justify-content:center;text-align:center}nav small{display:none}nav a>span{font-size:15px;width:auto}main{padding:22px 20px 0}.breadcrumb{font-size:8px}.section-title{margin:24px 0 22px}h1{font-size:32px}.section-title>p{font-size:13px}.ip-card{padding:22px}.ip-value{font-size:clamp(24px,6.5vw,39px);letter-spacing:-1.5px;margin:22px 0}.ip-meta{font-size:9px}.below-grid{gap:20px}.quick-tools{grid-template-columns:1fr}.quick-tools a{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.quick-tools a>span{grid-row:span 2;margin:0;align-self:center}.quick-tools small{margin-top:4px}.workspace{padding:18px}.input-row{flex-wrap:wrap}.input-row button{width:100%}.result-grid{gap:0 15px}.result-grid dd{font-size:12px}.checks{gap:17px}.length-row{flex-wrap:wrap;gap:12px}footer{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.actions button{padding:10px 12px}.editor-head{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}