@layer components{.opening-pane{background:var(--surface);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);height:100%}.opening-pane__empty{justify-content:center;align-items:center;gap:var(--gap-within);height:100%;padding:var(--pad-panel);text-align:center;flex-direction:column;display:flex}.opening-pane__empty-title{font-size:var(--type-body-size);letter-spacing:var(--type-body-tracking);line-height:var(--type-body-leading);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0}.opening-pane__empty-hint{font-size:var(--type-ui-size);letter-spacing:var(--type-ui-tracking);line-height:var(--type-ui-leading);color:var(--text-muted);margin:0}.opening-pane__loading-bar{justify-content:space-between;align-items:center;gap:var(--gap-related);padding:var(--pad-control-x) var(--pad-panel);border-bottom:var(--border-hairline) solid var(--border-subtle);display:flex}.opening-pane__loading-body{padding:var(--pad-card) var(--pad-panel) var(--pad-panel)}.opening-pane__status{padding:var(--pad-panel) var(--pad-panel);text-align:center;color:var(--text-secondary)}.opening-pane__bar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--gap-related);padding:var(--pad-control-x) var(--pad-panel);background:var(--surface);border-bottom:var(--border-hairline) solid var(--border-subtle);display:flex;position:sticky;top:0}.opening-pane__bar-actions{align-items:stretch;gap:var(--gap-within);display:flex}.opening-pane__full-link{font-size:var(--type-ui-size);letter-spacing:var(--type-ui-tracking);line-height:var(--type-ui-leading);font-weight:var(--font-weight-medium);color:var(--brand-gold);transition:color var(--transition-fast);text-decoration:none}.opening-pane__full-link:hover{color:var(--brand-gold-hover);text-decoration:underline}}