.cis-card{background:var(--color-surface-card);border:1px solid var(--color-surface-card-hover);border-radius:var(--radius-xl);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-control);border-radius:var(--radius-lg);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[aria-invalid=true]{border-color:var(--color-error)}.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);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-active--text{color:var(--color-text-body);margin:0;font-size:.76rem;line-height:1.45;display:block}.cis-select{background:var(--color-surface-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-lg);width:100%;min-width:0;font-family:var(--font-ui);color:var(--color-text-heading);cursor:pointer;padding:8px 10px;font-size:.82rem}.cis-select:focus-visible{border-color:var(--color-accent-action);box-shadow:var(--ring-cyan);outline:none}.cis-error{color:var(--color-error);margin:0;font-size:.74rem;line-height:1.4}.cis-source{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-body);flex-direction:column;gap:6px;padding:10px 12px;font-size:.76rem;line-height:1.45;display:flex}.cis-source__line{margin:0}.cis-source__link{color:var(--color-accent-action);text-underline-offset:2px;align-items:center;gap:4px;font-weight:600;text-decoration:underline;display:inline-flex}.cis-source__link:hover{color:var(--color-text-heading)}.cis-source__notes{color:var(--color-text-muted);margin:0;padding-left:18px}.cis-window{align-items:center;gap:8px;display:flex}.cis-window__edge{flex:1 1 0;min-width:0;display:flex}.cis-window__and{color:var(--color-text-muted);flex-shrink:0;font-size:.8rem}.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);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-text)}.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);gap:4px;padding:4px;display:flex}.cis-seg__btn{color:var(--color-text-body);font-family:var(--font-ui);border-radius:var(--radius-md);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-seg__btn:disabled{cursor:not-allowed}.cis-px__size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:8px;display:grid}.cis-px__num,.cis-px__unit{flex-direction:column;gap:5px;min-width:0;display:flex}.cis-px__times{color:var(--color-text-muted);padding-bottom:9px}.cis-px__dpi{align-items:flex-end;gap:10px;display:flex}.cis-px__dpi .cis-px__num{flex:0 120px}.cis-px__computed{color:var(--color-text-heading);padding-bottom:9px;font-size:.8rem}.cis-preview{background:var(--color-surface-card);border:1px solid var(--color-surface-card-hover);border-radius:var(--radius-xl);flex-direction:column;gap:10px;padding:16px;display:flex}.cis-preview__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cis-preview__fig{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.cis-preview__img{object-fit:contain;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:100%;height:auto;max-height:240px;display:block}.cis-preview__cap{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.cis-range{appearance:none;background:var(--color-surface-card-hover);border-radius:var(--radius-pill);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-wrap{min-width:0;display:inline-flex}.cis-result{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:inline-flex}.cis-result__line{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.cis-result__lever{color:var(--color-text-muted);font-size:.95rem}.cis-note{border-left:2px solid var(--color-success);max-width:34ch;font-family:var(--font-ui);text-align:left;white-space:normal;color:var(--color-text-body);padding-left:8px;font-size:.74rem;line-height:1.45;display:block}.cis-note--warn{border-left-color:var(--color-warning)}.cis-report{color:var(--color-text-body);flex-direction:column;gap:10px;font-size:.78rem;line-height:1.45;display:flex}.cis-report__line{margin:0}.cis-report__facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.cis-report__facts dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.7rem;font-weight:600}.cis-report__facts dd{font-family:var(--font-mono);color:var(--color-text-heading);margin:0}.cis-report__field{flex-direction:column;gap:6px;max-width:220px;display: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);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-control);border-radius:var(--radius-md);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}@container mes (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}.cis-window{flex-wrap:wrap}.cis-window__edge{flex:100%}.cis-px__size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.cis-px__unit{grid-column:1/-1}.cis-preview__pair{grid-template-columns:1fr}.cis-result{align-items:flex-start}.cis-result__line{justify-content:flex-start}}@media (pointer:coarse){.cis-seg__btn,.cis-pill,.cis-select,.cis-custom__input,.cis-bulk__select{min-height:44px}.cis-select,.cis-custom__input,.cis-bulk__select{font-size:16px}.cis-toggle__input{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.cis-pill,.cis-seg__btn,.cis-custom__input{transition:none}}