.tc-calculator{direction:ltr;text-align:left;font-family:inherit}
.tc-calculator input,.tc-calculator select,.tc-calculator textarea,.tc-calculator button{direction:ltr;text-align:left}
.tc-calculator{box-sizing:border-box;margin:1.5rem auto 2rem;padding:1.25rem;max-width:900px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tc-calculator *{box-sizing:border-box}.tc-calculator__title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.25}.tc-calculator__description{margin:0 0 1.25rem;color:#5f6b7a}.tc-calculator fieldset{border:0;padding:0;margin:0 0 1rem}.tc-calculator legend,.tc-field-group>label{display:block;margin-bottom:.45rem;font-weight:600}.tc-segmented{display:flex;gap:.5rem;flex-wrap:wrap}.tc-segmented legend{width:100%}.tc-segmented label{position:relative}.tc-segmented input{position:absolute;opacity:0;pointer-events:none}.tc-segmented span{display:block;padding:.65rem .8rem;border:1px solid #dfe5ec;border-radius:8px;cursor:pointer;background:#f7f9fc}.tc-segmented input:checked+span{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.tc-segmented input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}.tc-mode-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tc-mode-panel[hidden]{display:none}.tc-field-group{min-width:0}.tc-input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.tc-calculator input,.tc-calculator select{min-height:46px;width:100%;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font:inherit}.tc-calculator input:focus,.tc-calculator select:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}.tc-duration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tc-duration legend{grid-column:1/-1}.tc-duration label{font-size:.9rem;color:#475569}.tc-duration input{margin-top:.35rem}.tc-calculator__actions{display:flex;gap:.65rem;margin-top:.25rem}.tc-button{min-height:44px;padding:.65rem 1rem;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer}.tc-button--primary{background:#2563eb;color:#fff}.tc-button--primary:hover{background:#1d4ed8}.tc-button--secondary{background:#fff;border-color:#cbd5e1;color:#111827}.tc-result{margin-top:1.25rem;padding:1rem;border-radius:10px;background:#f7f9fc;border:1px solid #dfe5ec}.tc-result__label{font-size:.875rem;color:#64748b;font-weight:600}.tc-result__primary{margin-top:.25rem;font-size:1.45rem;font-weight:700;line-height:1.3}.tc-result__secondary{margin:.75rem 0 0;padding-left:1.2rem;color:#475569}.tc-calculator__error{margin-top:1rem;padding:.75rem;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b}.tc-calculation-details{margin-top:1rem;padding:.8rem 1rem;border:1px solid #dfe5ec;border-radius:8px}.tc-calculation-details summary{cursor:pointer;font-weight:600}.tc-calculation-details ol{margin:.75rem 0 0;padding-left:1.25rem}.tc-calculator__note{margin:1rem 0 0;color:#64748b;font-size:.925rem;line-height:1.6}.tc-calculator--unavailable{background:#fff7ed;border-color:#fed7aa}.tc-calculator [hidden]{display:none!important}@media(max-width:640px){.tc-calculator{padding:1rem}.tc-mode-panel{grid-template-columns:1fr}.tc-input-unit{grid-template-columns:minmax(0,1fr) 110px}.tc-duration{grid-template-columns:1fr}.tc-calculator__actions{flex-direction:column}.tc-button{width:100%}}
.tc-conversion-table-wrap{margin-top:.75rem;max-width:100%;overflow-x:auto}.tc-conversion-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tc-conversion-table th,.tc-conversion-table td{padding:.65rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.tc-conversion-table thead th{font-size:.875rem;color:#64748b;background:#f8fafc}.tc-conversion-table tbody th{font-weight:600;color:#334155}.tc-conversion-table tbody td{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.tc-conversion-table tbody tr:last-child th,.tc-conversion-table tbody tr:last-child td{border-bottom:0}
.tc-conversion-table__group th{padding-top:.85rem;background:#f8fafc;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.035em}
.tc-field-grid{display:grid;gap:1rem;margin-bottom:1rem}.tc-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-ratio-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem}.tc-ratio-inputs>span{font-weight:700;color:#64748b}.tc-custom-ratio{margin-top:1rem}.tc-result__secondary li+li{margin-top:.3rem}@media(max-width:760px){.tc-field-grid--three{grid-template-columns:1fr}}@media(max-width:640px){.tc-field-grid--two{grid-template-columns:1fr}}
.tc-field-group--action{display:flex;flex-direction:column;justify-content:flex-end}.tc-field-spacer{display:block;min-height:1.4rem}.tc-field-group small{display:block;margin-top:.35rem;color:#64748b;font-size:.84rem;line-height:1.45}.tc-base-results{display:grid;gap:.65rem;margin-top:1rem}.tc-base-result{padding:.75rem;border:1px solid #dfe5ec;border-radius:8px;background:#fff}.tc-base-result__label{margin-bottom:.35rem;color:#64748b;font-size:.82rem;font-weight:600}.tc-base-result__value{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#111827}.tc-calculator input[type="text"]{font-variant-numeric:tabular-nums}@media(max-width:640px){.tc-field-group--action{display:block}.tc-field-spacer{display:none}.tc-field-group--action .tc-button{margin-top:.25rem}}

.tc-calculator textarea{width:100%;min-height:110px;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font:inherit;line-height:1.55;resize:vertical}.tc-calculator textarea:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}.tc-output-field{display:block;margin-top:1rem}.tc-output-field textarea,.tc-code-output{margin-top:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.tc-code-output{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.tc-color-preview{width:100%;height:58px;margin-bottom:.9rem;border:1px solid #dfe5ec;border-radius:8px}.tc-calculator__form .tc-mode-panel{margin-bottom:1rem}

.tc-gradient-preview{width:100%;height:110px;margin:1rem 0;border:1px solid #dfe5ec;border-radius:8px;background:#eef2ff}