/* Embedded Payload CMS frame · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* families/app-shell/family.css */
.sh-frame-h b{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/app-shell/family.css */
.sh-frame{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden;background:hsl(var(--background));display:flex;flex-direction:column}
/* families/app-shell/family.css */
.sh-frame-h{display:flex;align-items:center;gap:10px;height:44px;padding:0 var(--s-2) 0 var(--s-3);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.7)}
/* families/app-shell/family.css */
.sh-frame-h b{white-space:nowrap;font-size:var(--text-card);font-weight:var(--w-semibold)}
/* families/app-shell/family.css */
.sh-frame-h .chip{margin-left:var(--s-1)}
/* families/app-shell/family.css */
.sh-frame-h .r{margin-left:auto;display:flex;gap:var(--s-1);align-items:center}
/* families/app-shell/family.css */
.sh-frame-h .url{font-size:11.5px;color:hsl(var(--muted-foreground))}
/* families/app-shell/family.css */
.sh-frame-b{position:relative;min-height:220px;flex:1;display:flex}
/* families/app-shell/family.css */
.sh-frame-b.tall{min-height:320px}
/* families/app-shell/family.css */
.sh-frame-b.mid{display:grid;place-items:center;text-align:center;padding:var(--s-6)}
/* families/app-shell/family.css */
.sh-frame-b.mid .t{max-width:34ch;font-size:var(--text-body);color:hsl(var(--muted-foreground))}
/* families/app-shell/family.css */
.sh-frame-b.mid .t b{display:block;font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);color:hsl(var(--foreground));margin:var(--s-2) 0 var(--s-1)}
/* families/app-shell/family.css */
.sh-frame-b.mid .btn{margin-top:var(--s-3)}
/* families/app-shell/family.css */
.sh-frame-b.mid .ico{width:36px;height:36px;border-radius:var(--r-pill);display:grid;place-items:center;margin:0 auto;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
/* families/app-shell/family.css */
.sh-frame-b.mid .ico.err{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}
/* families/app-shell/family.css */
.sh-frame-b.mid .ico.warn{background:hsl(var(--warning)/.12);color:hsl(var(--warning))}
/* families/app-shell/family.css */
.sh-frame-b.mid .code{display:block;margin-top:var(--s-2);color:hsl(var(--muted-foreground))}
/* families/app-shell/family.css */
.sh-frame.is-focus{box-shadow:var(--focus-ring);border-color:hsl(var(--ring))}
/* families/app-shell/family.css */
.sh-pframe .sh-frame-h{height:52px}
/* families/app-shell/family.css */
.sh-pframe .sh-pl{grid-template-columns:minmax(0,1fr)}
/* families/app-shell/family.css */
.sh-pframe .sh-pl-n{display:none}
/* families/app-shell/family.css */
.sh-pframe .sh-pl-t th:nth-child(2), .sh-pframe .sh-pl-t td:nth-child(2){display:none}