.cc-tool-page{max-width:980px;margin:0 auto;padding:50px 24px 80px}.cc-tool-header{text-align:center;margin-bottom:36px}.cc-tool-chip{border:1px solid var(--cc-border);color:var(--cc-cyan);font-family:var(--cc-font-mono);text-transform:uppercase;letter-spacing:.08em;background:#00d4ff14;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 14px;font-size:.68rem;display:inline-flex}.cc-tool-title{font-family:var(--cc-font-display);margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800}.cc-tool-sub{color:var(--cc-text-dim);max-width:560px;margin:0 auto;font-size:.92rem;line-height:1.7}.cc-tool-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (max-width:800px){.cc-tool-grid{grid-template-columns:1fr}}.cc-tool-card{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:16px;padding:26px 28px}.cc-tool-card h3{font-family:var(--cc-font-display);margin:0 0 18px;font-size:1.05rem}.cc-tool-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.cc-tool-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-dim);font-size:.76rem;font-weight:700}.cc-tool-field input,.cc-tool-field select{background:var(--cc-bg-2);border:1.5px solid var(--cc-border);color:var(--cc-text);border-radius:8px;outline:none;padding:10px 13px;font-family:inherit;font-size:.9rem}.cc-tool-field input:focus,.cc-tool-field select:focus{border-color:var(--cc-cyan)}.cc-tool-result{color:#e8f4ff;background:linear-gradient(135deg,#020b18,#04122a);border-radius:16px;padding:28px}.cc-tool-result-label{font-family:var(--cc-font-mono);text-transform:uppercase;letter-spacing:.08em;color:#acc4e08c;margin-bottom:6px;font-size:.7rem}.cc-tool-result-val{font-family:var(--cc-font-display);background:linear-gradient(135deg, var(--cc-cyan), var(--cc-blue-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:2.1rem;font-weight:800}.cc-tool-result-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:10px 0;font-size:.85rem;display:flex}.cc-tool-result-row:last-child{border-bottom:none}.cc-tool-result-row span:first-child{color:#acc4e099}.cc-tool-result-row span:last-child{font-weight:700}.cc-tool-table-wrap{margin-top:30px}.cc-tool-table{border-collapse:collapse;width:100%;font-size:.87rem}.cc-tool-table th{text-align:left;text-transform:uppercase;color:var(--cc-text-dim);border-bottom:1px solid var(--cc-border);padding:12px 14px;font-size:.68rem}.cc-tool-table td{border-bottom:1px solid var(--cc-border);padding:12px 14px}.cc-tool-table tr:hover td{background:#0066ff0a}.cc-tool-bar-row{align-items:center;gap:12px;padding:10px 0;display:flex}.cc-tool-bar-label{width:130px;color:var(--cc-text-dim);flex-shrink:0;font-size:.82rem}.cc-tool-bar-track{background:var(--cc-bg-2);border-radius:6px;flex:1;height:10px;overflow:hidden}.cc-tool-bar-fill{background:linear-gradient(90deg, var(--cc-blue-mid), var(--cc-cyan));border-radius:6px;height:100%;transition:width .5s}.cc-tool-bar-val{text-align:right;width:90px;font-family:var(--cc-font-mono);flex-shrink:0;font-size:.82rem;font-weight:700}