.jfa-app-frame{grid-template-areas:"corner-tl top corner-tr""left content right""corner-bl bottom corner-br";grid-template-rows:var(--jfa-frame-edge) minmax(var(--jfa-frame-min-content), 1fr) var(--jfa-frame-edge);grid-template-columns:var(--jfa-frame-edge) minmax(var(--jfa-frame-min-content), 1fr) var(--jfa-frame-edge);gap:var(--jfa-frame-divider);width:100dvw;min-width:0;height:100dvh;min-height:0;color:hsl(var(--foreground));background:hsl(var(--border));display:grid;overflow:hidden}.jfa-frame-cell,.jfa-frame-content{background:hsl(var(--background));min-width:0;min-height:0}.jfa-frame-corner{place-items:center;display:grid;overflow:hidden}.jfa-frame-corner-tl{grid-area:corner-tl}.jfa-frame-corner-tr{grid-area:corner-tr}.jfa-frame-corner-bl{grid-area:corner-bl}.jfa-frame-corner-br{grid-area:corner-br}.jfa-frame-top{grid-area:top;align-items:stretch;display:flex;overflow:auto hidden}.jfa-frame-bottom{grid-area:bottom;align-items:stretch;display:flex;overflow:auto hidden}.jfa-frame-left{flex-direction:column;grid-area:left;align-items:stretch;display:flex;overflow:hidden auto}.jfa-frame-right{flex-direction:column;grid-area:right;align-items:stretch;display:flex;overflow:hidden auto}.jfa-frame-content{scrollbar-gutter:stable;overscroll-behavior:contain;grid-area:content;position:relative;overflow:auto}.jfa-frame-tab{min-width:var(--jfa-frame-edge);min-height:var(--jfa-frame-edge);font:inherit;color:hsl(var(--muted-foreground));letter-spacing:.04em;white-space:nowrap;appearance:none;cursor:pointer;background:hsl(var(--background));transition:color var(--jfa-duration) var(--jfa-ease), background-color var(--jfa-duration) var(--jfa-ease);border:0;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.75rem;line-height:1;display:inline-flex}.jfa-frame-left .jfa-frame-tab,.jfa-frame-right .jfa-frame-tab{aspect-ratio:1;width:100%;padding:0}.jfa-frame-top .jfa-frame-tab+.jfa-frame-tab,.jfa-frame-bottom .jfa-frame-tab+.jfa-frame-tab{border-left:var(--jfa-frame-divider) solid hsl(var(--border))}.jfa-frame-left .jfa-frame-tab+.jfa-frame-tab,.jfa-frame-right .jfa-frame-tab+.jfa-frame-tab{border-top:var(--jfa-frame-divider) solid hsl(var(--border))}.jfa-frame-tab:hover,.jfa-frame-tab[data-active=true]{color:hsl(var(--foreground));background:hsl(var(--surface-2))}.jfa-frame-tab[data-active=true]{box-shadow:inset 0 -2px 0 hsl(var(--primary))}.jfa-frame-left .jfa-frame-tab[data-active=true]{box-shadow:inset 2px 0 0 hsl(var(--primary))}.jfa-frame-right .jfa-frame-tab[data-active=true]{box-shadow:inset -2px 0 0 hsl(var(--primary))}.jfa-frame-bottom .jfa-frame-tab[data-active=true]{box-shadow:inset 0 2px 0 hsl(var(--primary))}