.kit-file-viewer{--kit-ink:#161616;--kit-dur-quick:120ms;--kit-dur-standard:220ms;--kit-dur-slow:520ms;--kit-document-max:720px;--kit-document-shell-pad:40px;--kit-ease:cubic-bezier(0.2,0,0,1);--kit-ease-exit:cubic-bezier(0.4,0,1,1);position:relative;background:transparent;overflow:visible;padding-inline:1.25rem}@media (min-width:768px){.kit-file-viewer--wide{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;gap:1.5rem}.kit-file-viewer--wide .kit-file-stack{width:100%;margin-inline:0}}.kit-file-stack{--tab-w:100%;--tab-canvas:2774;--folder-opaque:2517;--folder-pad-left:128;--assets-canvas:2545;--assets-opaque:2386;--assets-pad-left:98;--kit-peek:5.0%;--stack-design-h:3580;--kit-ease:cubic-bezier(0.22,1,0.36,1);--kit-ink:#161616;--paper-grid-w:88%;--paper-grid-left:6%;--paper-grid-top:-2.8%;--paper-grid-rotate:2.4deg;--paper-lined-w:98%;--paper-lined-left:-2%;--paper-lined-top:0%;--paper-lined-rotate:-1.4deg;container-type:size;position:relative;isolation:isolate;width:min(100%,38rem);margin-inline:auto;aspect-ratio:2774/3580;background:transparent;overflow:visible}.kit-file-assets-group,.kit-file-layer{position:absolute;left:0;width:var(--tab-w)}.kit-file-layer{--tab-fringe:0;top:calc(var(--slot) * var(--kit-peek) - var(--tab-fringe) / var(--stack-design-h) * 100%)}.kit-file-assets-group{top:calc(6 * var(--kit-peek));z-index:10;overflow:visible}.kit-file-assets-group[data-front=true]{z-index:20}.kit-file-assets-face{position:relative;left:0;width:var(--tab-w);overflow:visible}.kit-file-assets-face>.kit-file-tab{position:relative;width:100%;z-index:3}.kit-file-tab{position:relative;width:100%}.kit-file-tab[data-front=true]{z-index:20}.kit-file-paper-art,.kit-file-tab-art{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kit-file-tab-art{transition:transform var(--kit-dur-quick) var(--kit-ease)}.kit-file-tab[data-id=assets] .kit-file-tab-art{width:calc(var(--tab-w) * var(--folder-opaque) / var(--tab-canvas) * var(--assets-canvas) / var(--assets-opaque));margin-inline-start:calc(var(--tab-w) * var(--folder-pad-left) / var(--tab-canvas) - var(--tab-w) * var(--folder-opaque) / var(--tab-canvas) * var(--assets-pad-left) / var(--assets-opaque));-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top}.kit-file-tab:has(.kit-file-tab-hit:focus-visible) .kit-file-tab-art,.kit-file-tab:has(.kit-file-tab-hit:hover) .kit-file-tab-art{transform:translateY(-4px)}.kit-file-viewer--open .kit-file-tab:has(.kit-file-tab-hit:focus-visible) .kit-file-tab-art,.kit-file-viewer--open .kit-file-tab:has(.kit-file-tab-hit:hover) .kit-file-tab-art{transform:none}.kit-file-stack[data-opening=true] .kit-file-tab-art,.kit-file-tab[data-front=true] .kit-file-tab-art{transform:none}.kit-file-tab-hit{position:absolute;inset-inline:0;top:0;height:9cqh;z-index:50;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.kit-file-tab[data-front=true] .kit-file-tab-hit{height:100%;z-index:40}.kit-file-tab-hit:focus-visible{outline:2px solid var(--kit-ink);outline-offset:3px}.kit-file-paper{position:absolute;pointer-events:none;overflow:visible;transform-origin:50% 100%}.kit-file-paper[data-kind=grid]{left:var(--paper-grid-left);top:var(--paper-grid-top);width:var(--paper-grid-w);z-index:1;transform:rotate(var(--paper-grid-rotate))}.kit-file-paper[data-kind=lined]{left:var(--paper-lined-left);top:var(--paper-lined-top);width:var(--paper-lined-w);z-index:2;transform:rotate(var(--paper-lined-rotate))}@media (prefers-reduced-motion:reduce){.kit-file-tab-art{transition:none}.kit-file-tab:has(.kit-file-tab-hit:focus-visible) .kit-file-tab-art,.kit-file-tab:has(.kit-file-tab-hit:hover) .kit-file-tab-art{transform:none}}.kit-file-stack[data-open=true],.kit-file-stack[data-opening=true],.kit-file-viewer--open .kit-file-stack{pointer-events:none}.kit-file-overlay{position:relative;z-index:40;display:block;min-width:0;width:100%;margin-top:clamp(.75rem,2vw,1.5rem)}.kit-file-viewer--wide .kit-file-overlay{margin-top:0}.kit-file-overlay[data-layout=wide]{transform-origin:50% 80%}.kit-file-overlay[data-layout=stacked]{transform-origin:50% 0}.kit-file-overlay-panel{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:.5rem;overflow:visible;isolation:isolate;width:min(100%,calc(var(--kit-document-max) + var(--kit-document-shell-pad) * 2));margin:0 auto;background:transparent;box-shadow:none}.kit-file-overlay[data-layout=wide] .kit-file-overlay-panel{min-height:clamp(24rem,55vw,34rem);max-height:min(88vh,60rem)}.kit-file-overlay[data-layout=stacked] .kit-file-overlay-panel{min-height:clamp(20rem,72vw,30rem);max-height:min(80vh,56rem)}.kit-file-overlay-body{flex:1 1 auto;display:flex;min-height:12rem;background:transparent}.kit-file-overlay-bar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 0 .15rem}.kit-file-overlay-close{margin:0;border:1px solid var(--line-subtle);background:color-mix(in srgb,var(--surface-base) 94%,transparent);padding:.4rem .85rem;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:background-color var(--kit-dur-quick) var(--kit-ease),color var(--kit-dur-quick) var(--kit-ease),transform var(--kit-dur-quick) var(--kit-ease)}.kit-file-overlay-close:hover{transform:translateY(-1px);background:var(--surface-base);color:var(--text-strong)}.kit-file-overlay-close:focus-visible{outline:2px solid var(--kit-ink);outline-offset:3px}@media (max-width:767px){.kit-file-overlay{margin-top:1rem}.kit-file-overlay-panel{width:100%}}@media (prefers-reduced-motion:reduce){.kit-file-overlay,.kit-file-overlay-panel,.kit-file-tab-art,.kit-file-viewer{transition:none!important;animation:none!important}.kit-file-tab:has(.kit-file-tab-hit:focus-visible) .kit-file-tab-art,.kit-file-tab:has(.kit-file-tab-hit:hover) .kit-file-tab-art,.kit-file-viewer--open .kit-file-tab:has(.kit-file-tab-hit:focus-visible) .kit-file-tab-art,.kit-file-viewer--open .kit-file-tab:has(.kit-file-tab-hit:hover) .kit-file-tab-art{transform:none}}