.plate{--rivet-inset:6px;z-index:11;align-items:center;gap:var(--space-3) var(--space-5);min-height:var(--header-height);padding:var(--space-3) var(--space-5);border:var(--border-thin) solid var(--c-line-strong);background:var(--c-surface-raised);box-shadow:inset var(--border-thin) var(--border-thin) 0 var(--c-bevel-hi), inset calc(var(--border-thin) * -1) calc(var(--border-thin) * -1) 0 var(--c-bevel-lo), var(--shadow-offset) var(--shadow-offset) 0 var(--c-shadow);animation:enter-drop var(--motion-enter) var(--ease-px3);flex-wrap:wrap;display:flex;position:relative;container:plate/inline-size}.plate:before,.plate:after,.plate-rivets:before,.plate-rivets:after{content:"";width:var(--rivet);height:var(--rivet);background:var(--c-line-strong);box-shadow:1px 1px 0 var(--c-bevel-hi);position:absolute}.plate:before{top:var(--rivet-inset);left:var(--rivet-inset)}.plate:after{top:var(--rivet-inset);right:var(--rivet-inset)}.plate-rivets{pointer-events:none;position:absolute;inset:0}.plate-rivets:before{bottom:var(--rivet-inset);left:var(--rivet-inset)}.plate-rivets:after{right:var(--rivet-inset);bottom:var(--rivet-inset)}.plate-sign{padding:var(--space-1) var(--space-3) var(--space-2);border:var(--border-thin) solid var(--c-line-strong);background:var(--c-screen);box-shadow:inset var(--border-thin) var(--border-thin) 0 var(--c-bevel-lo);color:var(--c-text);flex:none;display:inline-flex}.plate-text{gap:var(--space-1);flex-direction:column;flex:0 auto;min-width:0;display:flex}.plate-detail{font:var(--type-detail);letter-spacing:var(--track-tight);overflow-wrap:anywhere}.plate-meta{font:var(--type-mono-sm);color:var(--c-text-muted)}.plate-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}@container plate (width<46rem){.plate-actions{flex-wrap:wrap;flex:1 0 100%;justify-content:flex-start;margin-left:0}.plate-actions>*{flex:none}}@media (max-width:40rem){.plate{padding-inline:var(--space-4)}}@media (max-width:23rem){.plate-sign .px-text{width:auto;height:20px}}@media (prefers-reduced-motion:reduce){.plate{animation:none}}@container plate (width<24rem){.plate-actions .seg-segment{padding-inline:var(--space-2)}}.notice{--notice-ink:var(--c-text-muted);gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--c-line-strong);border-left:calc(var(--border-thin) * 4) solid var(--notice-ink);background:var(--c-surface-raised);display:flex}.notice[data-tone=error]{--notice-ink:var(--c-danger-ink)}.notice[data-tone=success]{--notice-ink:var(--c-success)}.notice[data-tone=warning]{--notice-ink:var(--c-warning)}.notice[data-tone=info]{--notice-ink:var(--c-discovery)}.notice-icon{color:var(--notice-ink);padding-top:2px}.notice-content{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.notice-title{font:var(--type-body-strong)}.notice-body{color:var(--c-text-muted);font:var(--type-help)}.notice-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}
