.cti-tool{--cti-accent:var(--cti-blue,#5b8fb9);--cti-accent-hover:var(--cti-blue-hover,#4a7da8);--cti-highlight:var(--cti-coral,#e66a53);--cti-gold:var(--cti-gold,#edac3e);--cti-gold-hover:var(--cti-gold-hover,#d99a2f);--cti-surface:#ffffff;--cti-muted-bg:var(--cti-blue-muted,#e8f1f8);--cti-border:#d4e2ef;--cti-text:var(--text-primary,#333333);--cti-muted:var(--text-muted,#595959);--cti-radius:14px;--cti-shadow:0 10px 36px rgba(91,143,185,0.12);max-width:720px;margin:0 auto 2.5rem;display:grid;gap:1rem}@media (min-width:640px){.cti-tool--has-output{grid-template-columns:1fr 1fr;align-items:start}}.cti-tool-card{background:var(--cti-surface);border:1px solid var(--cti-border);border-radius:var(--cti-radius);box-shadow:var(--cti-shadow);padding:1.35rem 1.35rem 1.15rem}.cti-tool-card__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:var(--cti-text);letter-spacing:-.02em}.cti-tool-card__lead{margin:0 0 1.1rem;font-size:.9rem;color:var(--cti-muted);line-height:1.45}.cti-field-stack{display:flex;flex-direction:column;gap:.75rem}.cti-field label{display:block;margin-bottom:.35rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cti-muted)}.cti-input-wrap{display:flex;align-items:stretch;border:2px solid var(--cti-border);border-radius:10px;overflow:hidden;background:var(--cti-surface);transition:border-color .15s,box-shadow .15s}.cti-input-wrap:focus-within{border-color:var(--cti-accent);box-shadow:0 0 0 3px rgba(91,143,185,.2)}.cti-input-wrap--readonly{background:var(--cti-gold-muted,#f8edd4)}.cti-input-wrap--readonly:focus-within{box-shadow:none;border-color:var(--cti-border)}.cti-input{flex:1;min-width:0;border:none;padding:.75rem .85rem;font-size:1.15rem;font-weight:600;color:var(--cti-text);background:transparent}.cti-input:focus{outline:none}.cti-input[readonly]{cursor:default}.cti-unit-badge{display:inline-flex;align-items:center;padding:0 .85rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cti-accent);background:var(--cti-muted-bg);border-left:1px solid var(--cti-border)}.cti-swap-row{display:flex;justify-content:center;margin:.15rem 0}.cti-swap-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;color:var(--cti-btn-primary-text,#1a1a1a);background:var(--cti-gold);border:1px solid var(--cti-gold-hover);border-radius:999px;cursor:pointer;box-shadow:0 2px 8px var(--cti-btn-primary-shadow,rgba(237,172,62,.35));transition:background .15s,filter .15s,box-shadow .15s}.cti-swap-btn:hover{background:var(--cti-gold-hover);filter:brightness(1.02);box-shadow:0 3px 12px var(--cti-btn-primary-shadow,rgba(237,172,62,.42))}.cti-swap-btn:focus-visible{outline:2px solid var(--cti-highlight);outline-offset:2px}.cti-swap-btn svg{flex-shrink:0;color:var(--cti-highlight)}.cti-tool-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--cti-border)}.cti-live-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--cti-accent)}.cti-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cti-highlight);box-shadow:0 0 0 3px rgba(230,106,83,.25)}.cti-reset-btn{padding:.35rem .65rem;font-size:.85rem;font-weight:600;color:var(--cti-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.cti-reset-btn:hover{color:var(--cti-highlight)}.cti-reset-btn:focus-visible{outline:2px solid var(--cti-accent);outline-offset:2px}.cti-formats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.cti-format-item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .85rem;background:var(--cti-muted-bg);border-radius:10px}.cti-format-item,.cti-format-tag{border:1px solid var(--cti-border)}.cti-format-tag{align-self:flex-start;padding:.15rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cti-accent);background:#fff;border-radius:4px}.cti-format-value{margin:0;font-size:.95rem;line-height:1.5;color:var(--cti-text);word-break:break-word}.cti-frac-inline{font-weight:700;color:var(--cti-highlight)}.cti-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}@media (max-width:479px){.cti-tool-card{padding:1.1rem 1rem}.cti-input{font-size:1.05rem}}