.sc-tool .sc-panels{margin: 0 -8px}.sc-tool [class*='col-']{padding: 0 8px}.sc-input-panel,.sc-output-panel{height: 100%}.sc-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.sc-panel-header .btn{white-space: nowrap}.sc-body{display: flex;flex-direction: column}.sc-field-grid{display: flex;flex-direction: column;gap: 18px}.sc-field .sc-label{display: block;font-weight: 600;font-size: 13px;margin-bottom: 6px;color: var(--text-primary,#212529)}.sc-weight-row{display: flex;gap: 10px;align-items: stretch}.sc-weight-row .form-control{flex: 1;min-width: 0}.sc-segmented{display: inline-flex;border: 1px solid var(--border-color,#dde1e6);border-radius: 6px;overflow: hidden;flex-shrink: 0}.sc-segmented .sc-unit-btn{border: none;background: var(--panel-bg,#fff);color: var(--text-secondary,#5f6b7a);padding: 6px 14px;font-size: 13px;font-weight: 600;cursor: pointer;transition: background 0.15s,color 0.15s}.sc-segmented .sc-unit-btn + .sc-unit-btn{border-left: 1px solid var(--border-color,#dde1e6)}.sc-segmented .sc-unit-btn.is-active{background: var(--brand-color,#2f6fed);color: #fff}.sc-hint{margin-top: 6px;font-size: 12px;color: var(--text-secondary,#5f6b7a);line-height: 1.5}.sc-activity-select{margin-top: 8px;min-height: 150px;font-size: 13px;cursor: pointer}.sc-met-strip{margin-top: 8px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.sc-met-strip.hidden{display: none}.sc-meta{font-size: 12px;color: var(--text-secondary,#5f6b7a)}.sc-duration-row{display: flex;align-items: center;gap: 10px}.sc-duration-row .form-control{flex: 1;min-width: 0}.sc-unit-suffix{font-size: 13px;color: var(--text-secondary,#5f6b7a);white-space: nowrap}.sc-presets{display: flex;gap: 8px;margin-top: 10px;flex-wrap: wrap}.sc-preset{border: 1px solid var(--border-color,#dde1e6);background: var(--panel-bg,#fff);color: var(--text-primary,#212529);border-radius: 999px;padding: 5px 14px;font-size: 13px;cursor: pointer;transition: all 0.15s}.sc-preset:hover{border-color: var(--brand-color,#2f6fed);color: var(--brand-color,#2f6fed)}.sc-preset.is-active{background: var(--brand-color,#2f6fed);border-color: var(--brand-color,#2f6fed);color: #fff}.sc-actions{margin-top: 6px}.sc-actions .btn{width: 100%}.sc-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;min-height: 260px;border: 1px dashed var(--border-color,#dde1e6);border-radius: 8px;color: var(--text-secondary,#5f6b7a);text-align: center;padding: 20px}.sc-empty i{font-size: 40px;opacity: 0.45}.sc-empty p{margin: 0;font-size: 13px;max-width: 300px;line-height: 1.6}.sc-empty.hidden{display: none}.sc-result{display: flex;flex-direction: column;gap: 16px}.sc-result.hidden{display: none}.sc-result-hero{background: linear-gradient(135deg,#2f6fed,#6a3ef2);border-radius: 10px;color: #fff;padding: 22px 24px;display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap}.sc-hero-value{font-size: 48px;font-weight: 800;line-height: 1;letter-spacing: -1px}.sc-hero-unit{font-size: 18px;font-weight: 600;opacity: 0.92}.sc-hero-sub{width: 100%;font-size: 13px;opacity: 0.85;margin-top: 6px}.sc-formula{border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;padding: 12px 14px}.sc-formula-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 5px 0;font-size: 13px}.sc-formula-label{color: var(--text-secondary,#5f6b7a)}.sc-formula-val{font-family: Consolas,Menlo,monospace;font-weight: 600;color: var(--text-primary,#212529);text-align: right}.sc-formula-total{border-top: 1px dashed var(--border-color,#e3e6ea);margin-top: 4px;padding-top: 10px}.sc-formula-total .sc-formula-label{color: var(--text-primary,#212529);font-weight: 600}.sc-formula-total .sc-formula-val{color: var(--brand-color,#2f6fed)}.sc-eq-heading{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.4px;color: var(--text-secondary,#5f6b7a);margin-bottom: 8px}.sc-eq-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.sc-eq-item{border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;padding: 10px 8px;text-align: center;background: var(--panel-bg,#fff)}.sc-eq-count{display: block;font-size: 20px;font-weight: 800;color: var(--brand-color,#2f6fed);line-height: 1.2}.sc-eq-label{display: block;font-size: 11.5px;color: var(--text-secondary,#5f6b7a);margin-top: 4px}.sc-result .result-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 14px;flex-wrap: wrap;margin-top: 2px}.sc-meta-stack{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;min-width: 0}.sc-output-actions{display: flex;gap: 8px;flex-wrap: wrap}.sc-message{display: flex;align-items: flex-start;gap: 8px;font-size: 13px;line-height: 1.5;border-radius: 8px;padding: 10px 12px;margin-top: 16px;transition: opacity 0.25s ease}.sc-message.is-fading{opacity: 0}.sc-message.hidden{display: none}.sc-msg-error{background: rgba(220,53,69,0.08);border: 1px solid rgba(220,53,69,0.35);color: #c0392b}.sc-msg-success{background: rgba(40,167,69,0.08);border: 1px solid rgba(40,167,69,0.35);color: #1e7e34}.sc-msg-info{background: rgba(47,111,237,0.07);border: 1px solid rgba(47,111,237,0.3);color: var(--brand-color,#2f6fed)}[data-theme='dark'] .sc-msg-error{color: #f08a8a}[data-theme='dark'] .sc-msg-success{color: #7fd88f}[data-theme='dark'] .sc-msg-info{color: #7fb0ff}.sc-note{margin-top: 14px;display: flex;align-items: flex-start;gap: 8px;font-size: 12px;color: var(--text-secondary,#5f6b7a);line-height: 1.6;background: var(--bg-subtle,#f8f9fa);border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;padding: 10px 12px}.sc-note i{margin-top: 2px}@media (max-width: 991px){.sc-panels [class*='col-']{margin-bottom: 16px}.sc-eq-grid{grid-template-columns: repeat(2,1fr)}.sc-hero-value{font-size: 40px}}@media (max-width: 575px){.sc-eq-grid{grid-template-columns: repeat(2,1fr)}.sc-weight-row,.sc-duration-row{flex-wrap: wrap}.sc-segmented{width: 100%}.sc-segmented .sc-unit-btn{flex: 1;text-align: center}.sc-result .result-toolbar{flex-direction: column;align-items: stretch}.sc-output-actions .btn{flex: 1}}[data-theme='dark'] .sc-eq-item,[data-theme='dark'] .sc-formula{background: var(--panel-bg,#1e2430)}