.toast-stack-shell-panel .pattern-card{grid-template-rows:240px 1fr auto}.pattern-preview.toast-stack-preview{--toast-slide-distance:24px;--toast-enter-duration:320ms;position:relative;display:flex;flex-direction:column;gap:.6rem;padding:18px 16px;height:240px;overflow:hidden;isolation:isolate;align-items:stretch;justify-content:center}.pattern-preview.toast-stack-preview.pattern-preview--inspector{height:auto;min-height:280px;padding:24px;gap:1rem}.toast-stack-preview__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toast-stack-preview__button{border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.6);color:rgba(226,232,240,.92);padding:.4rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.toast-stack-preview__button:focus-visible,.toast-stack-preview__button:hover{border-color:rgba(129,140,248,.65);background:rgba(30,41,59,.85);outline:none}.toast-stack-preview__button:disabled{opacity:.45;cursor:not-allowed}.toast-stack-preview__count{margin-left:auto;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.5);color:rgba(226,232,240,.7);font-size:.72rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.toast-stack-preview__empty{margin:0;padding:.65rem .9rem;border-radius:12px;border:1px dashed rgba(148,163,184,.28);background:rgba(15,23,42,.45);color:rgba(203,213,225,.65);font-size:.78rem;text-align:center}.toast-stack{display:flex;flex-direction:column;gap:.45rem;flex:1 1;min-height:0}.toast-stack--end{align-items:flex-end}.toast-stack--center{align-items:center}.toast-stack--bottom{justify-content:flex-end}.toast-stack__item{min-width:200px;max-width:260px;display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.4rem .55rem .42rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.92);box-shadow:0 18px 30px -18px rgba(15,23,42,.8);opacity:1;transition:transform var(--toast-enter-duration) cubic-bezier(.22,1,.36,1),opacity var(--toast-enter-duration) ease}.toast-stack__item>div{min-width:0;flex:1 1}.toast-stack__item--success{border-color:rgba(52,211,153,.55);box-shadow:0 18px 30px -18px rgba(16,185,129,.45)}.toast-stack__item--info{border-color:rgba(129,140,248,.5);box-shadow:0 18px 30px -18px rgba(99,102,241,.4)}.toast-stack__item--warning{border-color:rgba(251,191,36,.55);box-shadow:0 18px 30px -18px rgba(245,158,11,.4)}.toast-stack__title{margin:0;font-size:.78rem;font-weight:600;color:rgba(241,245,249,.95)}.toast-stack__body,.toast-stack__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-stack__body{margin:.1rem 0 0;font-size:.68rem;line-height:1.3;color:rgba(203,213,225,.78)}.toast-stack__dismiss{margin-left:.4rem;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:50%;border:none;background:transparent;color:rgba(226,232,240,.7);cursor:pointer;font-size:1rem;line-height:1;transition:background .16s ease,color .16s ease}.toast-stack__dismiss:focus-visible,.toast-stack__dismiss:hover{background:rgba(148,163,184,.18);color:rgba(241,245,249,.95);outline:none}.toast-stack-preview--sideSlide .toast-stack__item{transform:translateX(0)}.toast-stack-preview--sideSlide .toast-stack__item[data-state=enter],.toast-stack-preview--sideSlide .toast-stack__item[data-state=exit]{transform:translateX(var(--toast-slide-distance));opacity:0}.toast-stack-preview--sideSlide .toast-stack__item[data-state=exit]{pointer-events:none}.toast-stack-preview--popScale .toast-stack__item{transform:scale(1);transition:transform var(--toast-enter-duration) cubic-bezier(.34,1.56,.64,1),opacity var(--toast-enter-duration) ease}.toast-stack-preview--popScale .toast-stack__item[data-state=enter],.toast-stack-preview--popScale .toast-stack__item[data-state=exit]{transform:scale(.85);opacity:0}.toast-stack-preview--popScale .toast-stack__item[data-state=exit]{pointer-events:none}.toast-stack-preview--dropIn .toast-stack__item{transform:translateY(0)}.toast-stack-preview--dropIn .toast-stack__item[data-state=enter],.toast-stack-preview--dropIn .toast-stack__item[data-state=exit]{transform:translateY(calc(-1 * var(--toast-slide-distance)));opacity:0}.toast-stack-preview--dropIn .toast-stack__item[data-state=exit]{pointer-events:none}.toast-stack--auto .toast-stack__item--auto{transition:none;opacity:0;animation-duration:4.6s;animation-iteration-count:infinite;animation-fill-mode:backwards}.toast-stack--auto .toast-stack__item--auto:first-of-type{animation-delay:0s}.toast-stack--auto .toast-stack__item--auto:nth-of-type(2){animation-delay:.4s}.toast-stack--auto .toast-stack__item--auto:nth-of-type(3){animation-delay:.8s}.toast-stack-preview--sideSlide .toast-stack--auto .toast-stack__item--auto{animation-name:toastStackAutoSide;animation-timing-function:cubic-bezier(.45,1.4,.5,1);transform:translateX(40px)}.toast-stack-preview--popScale .toast-stack--auto .toast-stack__item--auto{animation-name:toastStackAutoPop;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(.85)}.toast-stack-preview--dropIn .toast-stack--auto .toast-stack__item--auto{animation-name:toastStackAutoDrop;animation-timing-function:cubic-bezier(.45,1.4,.5,1);transform:translateY(-28px)}@keyframes toastStackAutoSide{0%,4%{opacity:0;transform:translateX(40px)}18%,78%{opacity:1;transform:translateX(0)}92%,to{opacity:0;transform:translateX(40px)}}@keyframes toastStackAutoPop{0%,4%{opacity:0;transform:scale(.85)}18%,78%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.85)}}@keyframes toastStackAutoDrop{0%,4%{opacity:0;transform:translateY(-28px)}18%,78%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-28px)}}@media (prefers-reduced-motion:reduce){.toast-stack__item{transition-duration:0s}.toast-stack__item[data-state=enter],.toast-stack__item[data-state=exit]{transform:none}.toast-stack--auto .toast-stack__item--auto{animation:none;opacity:1;transform:none}}