.tool-page{padding:110px 0 70px}.tool-page .container{max-width:960px}.tool-crumbs{color:var(--muted);margin-bottom:8px;font-size:.85rem}.tool-crumbs a{color:var(--orange)}.tool-title{font-size:clamp(1.8rem,4vw,2.6rem)}.tool-intro{max-width:720px;margin:12px 0 28px;font-size:1.05rem}.tool-app{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;gap:28px;padding:clamp(18px,3vw,32px);display:grid}.tool-form{align-content:start;gap:14px;display:grid}.tool-field{color:var(--ink);flex-wrap:wrap;align-items:baseline;row-gap:6px;font-size:.9rem;font-weight:600;display:flex}.tool-field input,.tool-field select{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-weight:500}.tool-field>:is(input,select,small,div,textarea){flex:0 0 100%}.tool-field input:focus,.tool-field select:focus{outline:2px solid var(--focus);border-color:var(--orange)}.tool-field small{color:var(--muted);font-weight:400}.tool-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-tabs{flex-wrap:wrap;gap:6px;display:flex}.tool-tabs button{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:600}.tool-tabs button[aria-pressed=true]{background:var(--grad);color:var(--on-accent);border-color:#0000}.tool-result{background:var(--bg-soft);border-radius:var(--radius);align-self:start;padding:20px}.tool-result__main{text-align:center;border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:14px}.tool-result__label{color:var(--muted);font-size:.85rem}.tool-result__value{font-family:var(--font);color:var(--ink);font-size:2rem;font-weight:800}.tool-result__value.is-loss{color:var(--danger)}.tool-result__value.is-profit{color:var(--success)}.tool-lines{border-collapse:collapse;width:100%;font-size:.92rem}.tool-lines td{padding:6px 0}.tool-lines td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.tool-lines tr.is-total td{border-top:1px solid var(--line);padding-top:10px;font-weight:800}.tool-bar{background:var(--line);border-radius:999px;height:10px;margin:14px 0 6px;display:flex;overflow:hidden}.tool-bar span:first-child{background:var(--neutral)}.tool-bar span:last-child{background:var(--orange)}.tool-legend{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.tool-warn{color:var(--warning);align-items:flex-start;gap:8px;margin-top:12px;font-size:.85rem;display:flex}.tool-table-wrap{margin-top:16px;overflow-x:auto}.tool-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.tool-table th,.tool-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 10px}.tool-table th:first-child,.tool-table td:first-child{text-align:left}.tool-content{max-width:760px;margin-top:48px}.tool-content h2{margin:36px 0 12px;font-size:1.5rem}.tool-content h3{margin:24px 0 8px;font-size:1.15rem}.tool-content p,.tool-content li{font-size:1rem}.tool-content code{font-family:var(--font-jetbrains-mono), monospace;background:var(--bg-soft);border-radius:6px;padding:2px 6px;font-size:.9em}.tool-content .formula{margin:12px 0;padding:12px 16px;display:block;overflow-x:auto}.tool-faq details{border-bottom:1px solid var(--line);padding:12px 0}.tool-faq summary{cursor:pointer;color:var(--ink);font-weight:700}.tool-disclaimer{color:var(--muted);align-items:flex-start;gap:8px;margin-top:28px;display:flex;font-size:.82rem!important}.tool-wl{border-radius:var(--radius-lg);background:var(--grad-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:22px 26px;display:flex}.tool-wl strong{font-family:var(--font);color:var(--ink);font-size:1.1rem}.tool-wl p{margin:4px 0 0;font-size:.92rem}.tool-wl .btn{flex-shrink:0}.tool-related{margin-top:40px}.tool-related h2,.tools-hub h2{margin-bottom:14px;font-size:1.3rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:6px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tool-card:hover{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb, var(--orange) 30%, transparent);transform:translateY(-2px)}.tool-card__name{color:var(--ink);font-weight:700}.tool-card__desc{color:var(--muted);font-size:.85rem}.tools-hub section{margin-top:36px}.tool-trust{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.tool-trust li:before{content:"✓ ";color:var(--success);font-weight:700}.tool-start{border-left:3px solid var(--orange);background:var(--bg-soft);border-radius:6px;margin:12px 0 0;padding:10px 14px;font-size:.9rem}.tool-business{color:var(--muted);text-align:center;margin-top:32px;font-size:.9rem}.tool-business a,.tool-crumbs a{color:var(--orange)}.tool-jump{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.tool-jump a{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:.85rem}.tool-jump a:hover{border-color:var(--orange);color:var(--orange)}.tools-hub section[id]{scroll-margin-top:90px}.ad-slot{margin:32px 0}.ad-slot:before{content:"Advertisement";letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.7rem;display:block}.tool-sticky{display:none}@media (width<=760px){.tool-sticky:not([hidden]){z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.tool-sticky__label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.tool-sticky__value{color:var(--ink);font-weight:800}.tool-page:has(.tool-sticky:not([hidden])){padding-bottom:80px}body:has(.tool-sticky:not([hidden])) .back-to-top{bottom:84px}.tool-sticky__go{color:var(--orange);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.8rem;font-weight:600}.tool-page{padding-top:90px}.tool-app{grid-template-columns:1fr}.tool-wl{flex-direction:column;align-items:flex-start}}[data-theme=dark] .bc-landing .tool-app,[data-theme=dark] .bc-landing .tool-card{background:var(--surface);border-color:var(--line)}[data-theme=dark] .bc-landing .tool-result,[data-theme=dark] .bc-landing .tool-field input,[data-theme=dark] .bc-landing .tool-field select,[data-theme=dark] .bc-landing .tool-tabs button:not([aria-pressed=true]),[data-theme=dark] .bc-landing .tool-content code{background:var(--surface-2);border-color:var(--line);color:var(--ink)}[data-theme=dark] .bc-landing .tool-field,[data-theme=dark] .bc-landing .tool-lines td:last-child,[data-theme=dark] .bc-landing .tool-card__name,[data-theme=dark] .bc-landing .tool-faq summary,[data-theme=dark] .bc-landing .tool-wl strong{color:var(--ink)}[data-theme=dark] .bc-landing .tool-wl{background:var(--surface)}.tool-hint{color:var(--muted);font-size:.8rem}.tool-advanced{border-top:1px solid var(--line);padding-top:12px}.tool-advanced summary{cursor:pointer;color:var(--orange);font-size:.9rem;font-weight:600}.tool-advanced[open]{gap:12px;display:grid}.tool-reset{font:inherit;border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;justify-self:start;padding:6px 12px;font-size:.85rem}.bc-landing .tool-result .tool-warn{text-align:center;margin:0 0 8px}.tool-lines--3 td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.tool-lines thead td{color:var(--muted);font-size:.8rem;font-weight:600!important}.tool-content .formula{white-space:pre-wrap}.tool-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.tool-topbar .tool-crumbs{margin-bottom:0}.tool-currency{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.tool-currency select{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:8px;padding:4px 8px}[data-theme=dark] .bc-landing .tool-currency select{background:var(--dark-2);border-color:var(--dark-border);color:var(--ink)}.ad-slot{min-height:100px;margin:1.5rem 0}.tool-warn:before,.tool-disclaimer:before{content:"";width:16px;height:16px;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;background:currentColor;flex:0 0 16px;margin-top:.15em}.tool-warn:empty:before{display:none}:root{--ico-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}.tool-warn{--ico:var(--ico-warn)}.tool-disclaimer{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}.bc-landing .tool-result .tool-warn{justify-content:center}.tool-result__value.is-profit:before,.tool-result__value.is-loss:before,.tool-lines .is-profit:before,.tool-lines .is-loss:before{vertical-align:.25em;margin-right:.3em;font-size:.55em;display:inline-block}.tool-result__value.is-profit:before,.tool-lines .is-profit:before{content:"▲"}.tool-result__value.is-loss:before,.tool-lines .is-loss:before{content:"▼"}.tool-card__icon{width:36px;height:36px;color:var(--orange);background:var(--accent-soft);border-radius:10px;place-items:center;margin-bottom:4px;transition:background-color .2s,color .2s;display:inline-grid}.tool-card:hover .tool-card__icon{color:var(--on-accent);background:var(--orange)}.tool-tabs button:not([aria-pressed=true]):hover{border-color:var(--accent-line);color:var(--orange)}.tool-lines .is-profit:before,.tool-lines .is-loss:before{vertical-align:.1em;font-size:.7em}.tool-lines .is-profit{color:var(--success)!important}.tool-lines .is-loss{color:var(--danger)!important}.tool-result__label.is-alert{color:var(--danger);justify-content:center;align-items:center;gap:6px;display:flex}.tool-result__label.is-alert:before{content:"";height:14px;-webkit-mask:var(--ico-warn) center / contain no-repeat;mask:var(--ico-warn) center / contain no-repeat;background:currentColor;flex:0 0 14px}
