.tool-page.cc-page{max-width:1180px}.cc-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.cc-main{padding:24px}.cc-side{position:sticky;top:84px}.cc-top{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.cc-top .cc-currency{grid-column:1/-1}.cc-field{color:var(--text-2);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.cc-input{width:100%;color:var(--text-1);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.cc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.cc-input.sm{width:auto;padding:8px 10px;font-size:13px}textarea.cc-input{resize:vertical;min-height:56px}.cc-currency-pick{grid-template-columns:1fr 2fr;gap:8px;display:grid}.cc-custom{background:var(--primary-light);border:1px dashed var(--primary-mid);border-radius:var(--radius);grid-template-columns:1.4fr .7fr .7fr .6fr;gap:10px;margin-bottom:18px;padding:14px;display:grid}.cc-hint{color:var(--text-2);grid-column:1/-1;margin:0;font-size:12px}.cc-section{margin-bottom:20px}.cc-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;padding-bottom:8px;display:flex}.cc-section-head h3{color:var(--text-1);margin:0;font-size:15px;font-weight:700}.cc-section-head span{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12.5px}.cc-empty{color:var(--text-3);margin:8px 0;font-size:13px}.cc-row{border-radius:var(--radius-sm);grid-template-columns:150px 18px 170px 18px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;transition:background .15s;display:grid}.cc-row:hover{background:var(--bg)}.cc-row.has{background:#f7f6ff}.cc-denom{font-variant-numeric:tabular-nums;border-radius:8px;align-items:baseline;gap:5px;min-width:0;padding:8px 12px;display:flex;position:relative}.cc-denom b{color:var(--text-1);font-size:16px;font-weight:800}.cc-denom-sym{color:var(--text-2);font-size:12px;font-weight:600}.cc-denom.note{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.cc-denom.coin{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:999px}.cc-remove{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;position:absolute;top:-7px;right:-7px}.cc-x,.cc-eq{text-align:center;color:var(--text-3);font-weight:700}.cc-stepper{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:36px 1fr 36px;display:grid;overflow:hidden}.cc-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.cc-stepper button{background:var(--bg-2);color:var(--text-1);cursor:pointer;border:0;font-size:18px;font-weight:700}.cc-stepper button:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.cc-stepper button:disabled{color:var(--text-3);cursor:default}.cc-stepper input{text-align:center;width:100%;color:var(--text-1);-moz-appearance:textfield;background:0 0;border:0;outline:none;padding:9px 4px;font-family:inherit;font-size:15px;font-weight:700}.cc-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc-sub{text-align:right;color:var(--text-1);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.cc-row:not(.has) .cc-sub{color:var(--text-3);font-weight:500}.cc-add{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;font-size:13px;font-weight:600;display:flex}.cc-check{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:500;display:inline-flex}.cc-check.small{margin:12px 0 0;font-size:12px}.cc-check input{accent-color:var(--primary)}.cc-summary{flex-direction:column;gap:14px;padding:22px;display:flex}.cc-sum-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700}.cc-grand{color:var(--primary);letter-spacing:-.8px;word-break:break-word;font-variant-numeric:tabular-nums;margin-top:-8px;font-size:34px;font-weight:800;line-height:1.1}.cc-words{color:var(--text-2);font-size:13px;font-style:italic;line-height:1.55}.cc-facts{margin:0;padding:0;list-style:none}.cc-facts li{border-bottom:1px dashed var(--border-2);justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;display:flex}.cc-facts span{color:var(--text-2)}.cc-facts b{color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums}.cc-diff{border-radius:var(--radius-sm);margin-top:-4px;padding:10px 12px;font-size:14px;font-weight:700}.cc-diff.ok{color:#059669;background:#ecfdf5}.cc-diff.over{color:#2563eb;background:#eff6ff}.cc-diff.short{color:var(--danger);background:#fef2f2}.cc-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cc-actions .btn{justify-content:center}.cc-toast{z-index:100;background:var(--text-1);color:#fff;box-shadow:var(--shadow-lg);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=980px){.cc-layout{grid-template-columns:minmax(0,1fr)}.cc-side{position:static}.cc-top{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.cc-main{padding:16px}.cc-currency-pick{grid-template-columns:minmax(0,1fr)}.cc-custom{grid-template-columns:1fr 1fr}.cc-row{grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"d s""t t";gap:6px 8px}.cc-denom{grid-area:d}.cc-stepper{grid-area:s}.cc-sub{text-align:right;grid-area:t;font-size:13px}.cc-x,.cc-eq{display:none}.cc-check{margin-left:0}.cc-grand{font-size:28px}}.cc-tip{color:var(--text-2);background:var(--bg);border:1px dashed var(--border-2);border-radius:var(--radius-sm);margin:0 0 14px;padding:8px 12px;font-size:12.5px;line-height:1.6}.cc-tip code,.cc-tip kbd{background:var(--surface);border:1px solid var(--border-2);color:var(--primary);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.cc-stepper{position:relative;overflow:visible}.cc-stepper>button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cc-stepper>button:nth-child(3){border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cc-stepper.bad{border-color:var(--danger)}.cc-calc{z-index:2;color:#fff;background:var(--success);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:-11px;right:40px;box-shadow:0 2px 6px #10b98159}.cc-calc.err{background:var(--danger);box-shadow:0 2px 6px #ef444459}.cc-row{padding-top:11px}.cc-combo{position:relative}.cc-combo-input{padding-right:38px;font-weight:600}.cc-combo-toggle{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:14px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.cc-combo-toggle:hover{background:var(--bg-2)}.cc-combo-list{z-index:60;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);max-height:340px;box-shadow:var(--shadow-lg);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cc-combo-group{letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);padding:8px 10px 4px;font-size:11px;font-weight:700}.cc-combo-opt{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-1);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.cc-combo-opt b{color:var(--primary);font-size:13px;font-weight:800}.cc-combo-opt span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cc-combo-opt em{color:var(--text-2);font-size:13px;font-style:normal}.cc-combo-opt.active{background:var(--primary-light)}.cc-combo-opt.current{box-shadow:inset 3px 0 0 var(--primary)}.cc-combo-empty{color:var(--text-2);padding:12px;font-size:13px}