.loft-step-viewer__ctxbar{margin:0;border-radius:0;border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);padding:8px 12px;box-shadow:none;position:static;width:100%;display:flex;flex-wrap:wrap}.loft-step-viewer__left-rail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.loft-step-viewer__left-rail-actions{display:inline-flex;gap:4px}.loft-step-viewer__left-rail-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;color:var(--color-text-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.loft-step-viewer__left-rail-actions button:hover{background:var(--color-surface-card-hover);color:var(--color-text-body);border-color:var(--color-border-subtle)}.loft-step-viewer__left-rail-actions button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.loft-step-viewer__left-rail-body{flex:1;overflow-y:auto;padding:6px 4px;scrollbar-width:thin;overscroll-behavior:contain}.loft-step-viewer__left-rail-hint{padding:12px;margin:0;font-size:.78rem;color:var(--color-text-muted);line-height:1.5}.loft-step-viewer__atree{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column;gap:1px}.loft-step-viewer__atree-row{display:grid;grid-template-columns:22px 1fr 24px;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text-body);text-align:left;cursor:pointer;font-size:.82rem;transition:background var(--duration-quick, .15s) var(--easing-out, ease-out),color var(--duration-quick, .15s) var(--easing-out, ease-out)}.loft-step-viewer__atree-row:hover{background:var(--color-surface-card-hover)}.loft-step-viewer__atree-row:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-1px}.loft-step-viewer__atree-row.is-dimmed{opacity:.45}.loft-step-viewer__atree-row.is-isolated{background:color-mix(in srgb,var(--color-accent-primary) 16%,transparent)}.loft-step-viewer__atree-icon{font-size:.92rem;color:var(--color-accent-primary)}.loft-step-viewer__atree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loft-step-viewer__atree-eye{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;color:var(--color-text-muted);border:0;border-radius:var(--radius-sm);cursor:pointer}.loft-step-viewer__atree-eye:hover{background:var(--color-surface-card-hover);color:var(--color-text-body)}.loft-step-viewer__canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--color-surface-primary);transition:outline-color .12s ease}.loft-step-viewer__canvas-wrap--drag{outline:2px dashed var(--color-accent-primary);outline-offset:-8px}.loft-step-viewer__canvas{display:block;width:100%;height:100%}.loft-step-viewer__right-rail-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:8px;display:flex;flex-direction:column;gap:4px}.loft-step-viewer__accordion{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-card);overflow:hidden;flex-shrink:0}.loft-step-viewer__accordion-head{display:flex;align-items:center;gap:.5rem;width:100%;padding:8px 10px;background:transparent;color:var(--color-text-heading);border:0;border-bottom:1px solid transparent;font:600 .78rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left}.loft-step-viewer__accordion-head i{color:var(--color-accent-primary);font-size:1rem}.loft-step-viewer__accordion-head-caret{margin-left:auto;font-size:.85rem;color:var(--color-text-muted)}.loft-step-viewer__accordion-head:hover{background:var(--color-surface-card-hover)}.loft-step-viewer__accordion-head:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}.loft-step-viewer__accordion.is-open .loft-step-viewer__accordion-head{border-bottom-color:var(--color-border-subtle)}.loft-step-viewer__accordion-body{padding:10px 10px 12px}.loft-step-viewer__accordion-hint{margin:0;font-size:.78rem;color:var(--color-text-muted);padding:6px 0}.loft-step-viewer__meta{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:.78rem}.loft-step-viewer__meta dt{margin:0;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:.66rem;letter-spacing:.04em;align-self:center}.loft-step-viewer__meta dd{margin:0;color:var(--color-text-body);font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums;word-break:break-word}.loft-step-viewer__file-btn,.loft-step-viewer__icon-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;background:var(--color-surface-card);color:var(--color-text-body);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:.8125rem/1 var(--font-ui);cursor:pointer;min-height:32px;transition:background-color .12s ease,border-color .12s ease}.loft-step-viewer__file-btn:hover:not([disabled]),.loft-step-viewer__icon-btn:hover:not([disabled]){background:var(--color-surface-card-hover);border-color:var(--color-border-hover)}.loft-step-viewer__file-btn:focus-visible,.loft-step-viewer__icon-btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.loft-step-viewer__file-btn[disabled],.loft-step-viewer__icon-btn[disabled]{opacity:.5;cursor:not-allowed}.loft-step-viewer__file-btn{position:relative;overflow:hidden}.loft-step-viewer__file-input{position:absolute;inset:0;opacity:0;cursor:pointer}@media(pointer:coarse){.loft-step-viewer__file-btn,.loft-step-viewer__icon-btn{min-height:44px;padding:.625rem .875rem}}.loft-step-viewer__ar-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-primary) 70%,transparent);backdrop-filter:blur(6px);z-index:50;padding:1rem}.loft-step-viewer__ar-dialog{width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 16px 32px var(--color-shadow-soft);overflow:hidden}.loft-step-viewer__ar-head{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid var(--color-border-subtle)}.loft-step-viewer__ar-head h2{margin:0;font:600 .95rem var(--font-ui);color:var(--color-text-heading)}.loft-step-viewer__ar-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;min-height:60vh}.loft-step-viewer__ar-loading,.loft-step-viewer__ar-error{display:inline-flex;align-items:center;gap:.5rem;font:.9rem var(--font-ui);color:var(--color-text-muted)}.loft-step-viewer__ar-loading i{animation:loft-step-viewer-spin .9s linear infinite;color:var(--color-accent-primary);font-size:1.5rem}.loft-step-viewer__ar-error{color:var(--color-error)}@media(max-width:480px){.loft-step-viewer__ctxbar{display:none}}