.loft-idi{font-size:.82rem}.loft-idi__tab:focus-visible,.loft-idi__chip:focus-visible,.loft-idi__btn:focus-visible,.loft-idi__flags-toggle:focus-visible,.loft-idi__tool>summary:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.loft-idi__header{flex-direction:column;padding:6px 10px 0;display:flex}.loft-idi__ctxbar{width:100%}.loft-idi__tabs{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill,999px);gap:.25rem;padding:.15rem;display:inline-flex}.loft-idi__tab{border-radius:var(--radius-pill,999px);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.loft-idi__tab:hover{color:var(--color-text-heading)}.loft-idi__tab--active{background:var(--color-accent-primary);color:var(--color-text-inverse)}.loft-idi__flags-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-pill,999px);color:var(--color-text-body);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.74rem;font-weight:600;display:none}.loft-idi__flags-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-heading)}.loft-idi__flags-count{border-radius:var(--radius-pill,999px);background:var(--color-accent-primary);min-width:1.1rem;color:var(--color-text-inverse);justify-content:center;align-items:center;padding:0 .3rem;font-size:.66rem;display:inline-flex}@media (width<=767px) and (width>=481px){.loft-idi__flags-toggle{display:inline-flex}}.loft-idi__sheet-modes{justify-content:center;padding-bottom:.6rem;display:flex}.loft-idi__input{flex-direction:column;gap:.5rem;height:100%;min-height:0;padding:.6rem;display:flex}.loft-idi__input-head{align-items:center;gap:.5rem;display:flex}.loft-idi__input-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem}.loft-idi__input-actions{gap:.3rem;margin-left:auto;display:inline-flex}.loft-idi__chip{border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);color:var(--color-text-body);cursor:pointer;background:0 0;padding:.2rem .55rem;font-size:.72rem}.loft-idi__chip:hover{border-color:var(--color-border-hover);background:var(--color-cyan-bg-faint);color:var(--color-text-heading)}.loft-idi__textarea{resize:none;border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);background:var(--color-surface-card);min-height:8rem;color:var(--color-text-heading);font-family:var(--font-mono,monospace);word-break:break-all;flex:1 1 0;padding:.6rem;font-size:.74rem;line-height:1.5}.loft-idi__textarea:focus{outline:2px solid var(--color-accent-primary);outline-offset:-1px}.loft-idi__textarea--drag{border-color:var(--color-accent-primary);background:var(--color-cyan-bg-faint)}.loft-idi__file{display:none}.loft-idi__input-error{border-radius:var(--radius-sm,6px);background:var(--color-error-bg-soft);color:var(--color-error);margin:0;padding:.4rem .55rem;font-size:.72rem}.loft-idi__canvas-wrap{height:100%;min-height:0;padding:.85rem 1rem;overflow:auto}.loft-idi__view{flex-direction:column;gap:1rem;display:flex}.loft-idi__section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md,10px);background:var(--color-surface-card);padding:.6rem .8rem}.loft-idi__section-head{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .4rem;font-size:.72rem}.loft-idi__tree{margin:0;padding:0;list-style:none}.loft-idi__tree[data-depth="0"]{gap:.2rem;display:grid}.loft-idi__tree .loft-idi__tree{border-left:1px solid var(--color-border-subtle);margin-left:.9rem;padding-left:.6rem}.loft-idi__tree-row{flex-wrap:wrap;gap:.5rem;padding:.1rem 0;display:flex}.loft-idi__tree-key{min-width:9rem;color:var(--color-text-muted);font-family:var(--font-mono,monospace);flex-shrink:0;font-size:.74rem}.loft-idi__tree-val{color:var(--color-text-heading);word-break:break-word}.loft-idi__tree-val--mono{font-family:var(--font-mono,monospace);font-size:.74rem}.loft-idi__chain{margin:0;font-size:.78rem;line-height:1.8}.loft-idi__chain-node{border-radius:var(--radius-sm,6px);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);font-family:var(--font-mono,monospace);padding:.15rem .5rem}.loft-idi__chain-arrow{color:var(--color-text-muted)}.loft-idi__cert-actions{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.loft-idi__mono-block{border-radius:var(--radius-sm,6px);background:var(--color-surface-primary);color:var(--color-text-body);font-family:var(--font-mono,monospace);word-break:break-all;margin:0;padding:.5rem;font-size:.72rem}.loft-idi__timeline{padding:1.4rem .6rem .6rem}.loft-idi__timeline-track{border-radius:var(--radius-pill,999px);background:var(--color-border-default);height:4px;position:relative}.loft-idi__timeline-mark{border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loft-idi__timeline-mark--iat{background:var(--color-info)}.loft-idi__timeline-mark--nbf{background:var(--color-warning)}.loft-idi__timeline-mark--exp{background:var(--color-error)}.loft-idi__timeline-tag{color:var(--color-text-muted);font-size:.62rem;font-family:var(--font-mono,monospace);position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.loft-idi__timeline-now{background:var(--color-accent-primary);width:2px;height:10px;position:absolute;top:-3px;transform:translate(-50%)}.loft-idi__tool{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md,10px);background:var(--color-surface-card);padding:.5rem .8rem}.loft-idi__tool>summary{cursor:pointer;color:var(--color-text-heading);font-size:.76rem;font-weight:600}.loft-idi__key-input{resize:vertical;border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);background:var(--color-surface-primary);width:100%;color:var(--color-text-heading);font-family:var(--font-mono,monospace);margin:.5rem 0;padding:.5rem;font-size:.72rem}.loft-idi__btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);background:var(--color-accent-primary);color:var(--color-text-inverse);cursor:pointer;padding:.35rem .9rem;font-size:.76rem;font-weight:600}.loft-idi__btn:disabled{opacity:.6;cursor:default}.loft-idi__verify{margin:.5rem 0 0;font-size:.76rem;font-weight:600}.loft-idi__verify--ok{color:var(--color-success)}.loft-idi__verify--bad{color:var(--color-error);word-break:break-word}.loft-idi__jwks{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.72rem}.loft-idi__jwks th,.loft-idi__jwks td{text-align:left;border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-mono,monospace);padding:.25rem .4rem}.loft-idi__jwks th{color:var(--color-text-muted);font-weight:600}.loft-idi__jwks-row--match{background:var(--color-success-bg-soft)}.loft-idi__xml{border-radius:var(--radius-sm,6px);background:var(--color-surface-primary);max-height:28rem;color:var(--color-text-body);font-family:var(--font-mono,monospace);white-space:pre;margin:.5rem 0 0;padding:.6rem;font-size:.72rem;line-height:1.5;overflow:auto}.loft-idi__endpoints{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.loft-idi__endpoint{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.loft-idi__endpoint-label{min-width:9rem;color:var(--color-text-muted);flex-shrink:0;font-size:.74rem}.loft-idi__endpoint-url{color:var(--color-accent-primary);font-family:var(--font-mono,monospace);word-break:break-all;font-size:.74rem}.loft-idi__chipgroup{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-bottom:.4rem;display:flex}.loft-idi__chipgroup-label{min-width:8rem;color:var(--color-text-muted);flex-shrink:0;font-size:.74rem}.loft-idi__chipgroup-items{flex-wrap:wrap;gap:.3rem;display:flex}.loft-idi__pill{border-radius:var(--radius-pill,999px);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);font-size:.7rem;font-family:var(--font-mono,monospace);padding:.1rem .5rem}.loft-idi__rail{flex-direction:column;gap:.5rem;height:100%;min-height:0;padding:.7rem;display:flex;overflow:auto}.loft-idi__rail-head{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.72rem}.loft-idi__rail-empty{color:var(--color-text-muted);font-size:.76rem}.loft-idi__flags{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.loft-idi__flag{border-radius:var(--radius-sm,6px);gap:.45rem;padding:.45rem .55rem;font-size:.74rem;display:flex}.loft-idi__flag>i{flex-shrink:0;font-size:1rem}.loft-idi__flag-body{flex-direction:column;gap:.1rem;display:flex}.loft-idi__flag-label{color:var(--color-text-heading);font-weight:600}.loft-idi__flag-detail{color:var(--color-text-muted);font-size:.7rem}.loft-idi__flag--error{background:var(--color-error-bg-soft)}.loft-idi__flag--error>i{color:var(--color-error)}.loft-idi__flag--warn{background:var(--color-warning-bg-soft)}.loft-idi__flag--warn>i{color:var(--color-warning)}.loft-idi__flag--ok{background:var(--color-success-bg-soft)}.loft-idi__flag--ok>i{color:var(--color-success)}.loft-idi__flag--info{background:var(--color-info-bg-soft)}.loft-idi__flag--info>i{color:var(--color-info)}