:root{--ink:#17233b;--muted:#718096;--blue:#315bd9;--line:#e4eaf3;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#e5efff 0,transparent 30%),var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}main{max-width:980px;margin:auto;padding:32px 20px 80px}header{display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 12px;color:var(--ink)}.hero{padding:60px 4px 28px}.eyebrow{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.2em}.hero h1{font-size:42px;letter-spacing:-.04em;margin:10px 0}.hero p{color:var(--muted);margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 18px 50px #2534520d;margin-bottom:20px}.label-row,.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.label-row label,.result-head h2{font-size:14px;font-weight:850}.result-head h2{margin:0;font-size:20px}#counter,#summary{font-size:11px;color:var(--muted)}textarea{width:100%;min-height:270px;border:1px solid #dbe3ef;border-radius:14px;background:#fbfcfe;padding:16px;resize:vertical;outline:none;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}textarea:focus{background:#fff;border-color:#7695e9;box-shadow:0 0 0 4px #315bd912}button{width:100%;display:flex;justify-content:space-between;border:0;border-radius:13px;padding:15px 18px;margin-top:14px;background:linear-gradient(135deg,#2b52c8,#4774ed);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 10px 24px #315bd932}button:disabled{opacity:.55;cursor:wait}.warning{min-height:18px;color:#c34444;font-size:12px;margin-top:8px}.hidden{display:none}.table-wrap{overflow:auto}table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid #edf1f6;vertical-align:top}th{color:#7b879a;font-size:11px}td:first-child{max-width:280px;word-break:break-all;font-family:ui-monospace,Consolas,monospace}.badge{display:inline-block;border-radius:99px;padding:5px 9px;font-weight:850}.badge.used{background:#eafaf3;color:#13845a}.badge.unused{background:#f1f4f8;color:#738095}@media(max-width:600px){main{padding:22px 10px 60px}.hero{padding-top:40px}.hero h1{font-size:34px}.card{padding:16px;border-radius:16px}}