.cis-card{background:var(--color-surface-card);border:1px solid var(--color-surface-card-hover);border-radius:var(--radius-xl,12px);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.cis-card__head{align-items:center;gap:8px;display:flex}.cis-card__icon{color:var(--color-accent-action);flex-shrink:0;font-size:1.2rem}.cis-card__title{font-family:var(--font-ui);color:var(--color-text-heading);margin:0;font-size:.92rem;font-weight:600}.cis-card__hint{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.45}.cis-field{flex-direction:column;gap:7px;display:flex}.cis-field--dim{opacity:.55}.cis-field__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:flex}.cis-field__value{text-transform:none;letter-spacing:0;color:var(--color-accent-action);font-size:.78rem}.cis-custom{align-items:center;gap:8px;display:flex}.cis-custom__input{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg,10px);width:100%;min-width:0;font-family:var(--font-mono);color:var(--color-text-heading);-moz-appearance:textfield;transition:border-color .16s var(--easing-out,ease);flex:auto;padding:8px 11px;font-size:.85rem}.cis-custom__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cis-custom__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cis-custom__input:focus{border-color:var(--color-accent-action);outline:none}.cis-custom__input--active{border-color:var(--color-accent-action);background:color-mix(in srgb, var(--color-accent-action) 6%, transparent)}.cis-custom__unit{color:var(--color-text-muted);flex-shrink:0;font-size:.8rem}.cis-active{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg,10px);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.cis-active__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.cis-active__value{color:var(--color-text-heading);font-size:.92rem;font-weight:600}.cis-pills{flex-wrap:wrap;gap:6px;display:flex}.cis-pill{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg,10px);min-width:64px;font-family:var(--font-ui);color:var(--color-text-body);cursor:pointer;transition:border-color .16s var(--easing-out,ease), background .16s var(--easing-out,ease), color .16s var(--easing-out,ease);flex:auto;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.cis-pill:hover:not(:disabled){border-color:var(--color-accent-action);color:var(--color-text-heading)}.cis-pill--active{background:color-mix(in srgb, var(--color-accent-action) 14%, transparent);border-color:var(--color-accent-action);color:var(--color-accent-action)}.cis-pill:disabled{opacity:.42;cursor:not-allowed}.cis-pill__na{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.62rem;font-weight:500}.cis-seg{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg,10px);gap:4px;padding:4px;display:flex}.cis-seg__btn{color:var(--color-text-body);font-family:var(--font-ui);border-radius:var(--radius-md,8px);cursor:pointer;transition:background .16s var(--easing-out,ease), color .16s var(--easing-out,ease);background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.cis-seg__btn i{font-size:1rem}.cis-seg__btn:hover{color:var(--color-text-heading)}.cis-seg__btn--active{background:var(--color-surface-card);color:var(--color-accent-action);box-shadow:inset 0 0 0 1px var(--color-surface-card-hover)}.cis-range{appearance:none;background:var(--color-surface-card-hover);border-radius:var(--radius-pill,24px);cursor:pointer;outline:none;width:100%;height:6px}.cis-range:disabled{cursor:not-allowed}.cis-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent-action);border:2px solid var(--color-surface-card);cursor:pointer;border-radius:50%;width:16px;height:16px}.cis-range::-moz-range-thumb{background:var(--color-accent-action);border:2px solid var(--color-surface-card);cursor:pointer;border-radius:50%;width:16px;height:16px}.cis-range:focus-visible{box-shadow:var(--ring-cyan)}.cis-toggle{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.cis-toggle__input{width:16px;height:16px;accent-color:var(--color-accent-action);cursor:pointer;flex-shrink:0;margin-top:2px}.cis-toggle__body{flex-direction:column;gap:2px;min-width:0;display:flex}.cis-toggle__title{color:var(--color-text-heading);font-size:.82rem;font-weight:600}.cis-toggle__sub{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.cis-col{color:var(--color-text-body);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.cis-col--mono{font-family:var(--font-mono)}.cis-col--muted{color:var(--color-text-muted)}.cis-col__override{color:var(--color-accent-action);font-size:.85rem}.cis-result{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.cis-result__sizes{align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.cis-result__sizes i{color:var(--color-text-muted);font-size:.85rem}.cis-result__old{color:var(--color-text-muted)}.cis-result__new{color:var(--color-text-heading);font-weight:600}.cis-result__badge{border-radius:var(--radius-pill,24px);font-size:.72rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.cis-result__badge i{font-size:.85rem}.cis-result__badge--ok{color:var(--color-success);background:var(--color-success-bg-soft)}.cis-result__badge--warn{color:var(--color-warning);background:var(--color-warning-bg-soft)}.cis-bulk{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cis-bulk__field{align-items:center;gap:6px;display:inline-flex}.cis-bulk__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.cis-bulk__select{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md,8px);font-family:var(--font-ui);color:var(--color-text-heading);cursor:pointer;padding:6px 9px;font-size:.78rem;font-weight:600}.cis-bulk__select:focus{border-color:var(--color-accent-action);outline:none}@media (width<=480px){.cis-pills{grid-template-columns:repeat(3,1fr);display:grid}.cis-pill{min-width:0}.cis-seg{flex-direction:column}.cis-bulk{width:100%}.cis-bulk__field{flex:auto;justify-content:space-between}}@media (prefers-reduced-motion:reduce){.cis-pill,.cis-seg__btn,.cis-custom__input{transition:none}}