.catwalk-alert-region{z-index:10000;top:max(12px, env(safe-area-inset-top));width:min(360px, calc(var(--app-viewport-width) - 28px));max-height:calc(var(--app-viewport-height) - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;display:flex;position:fixed;left:50%;overflow:visible;transform:translate(-50%)}.catwalk-alert{border:1px solid var(--ui-border);background:var(--ui-panel-raised);min-width:0;color:var(--ui-text);pointer-events:auto;touch-action:pan-y;user-select:none;will-change:transform, opacity;border-radius:14px;flex:none;grid-template-columns:20px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:8px 8px 8px 11px;transition:transform .18s cubic-bezier(.2,.75,.25,1),opacity .18s,box-shadow .18s;animation:.19s cubic-bezier(.2,.75,.25,1) catwalk-alert-enter;display:grid;box-shadow:0 10px 30px #0000002e}.catwalk-alert.is-dragging{cursor:grabbing;box-shadow:var(--ui-shadow);transition:none}.catwalk-alert.is-dismissing{pointer-events:none}.catwalk-alert-icon{width:20px;height:20px;color:var(--ui-focus);background:0 0;place-items:center;display:grid}.catwalk-alert-icon svg{width:17px;height:17px}.catwalk-alert-copy{gap:3px;min-width:0;display:grid}.catwalk-alert-copy strong{color:var(--ui-text);font-size:var(--type-helper);font-weight:650;line-height:1.35}.catwalk-alert-copy>span{color:var(--ui-muted);font-size:var(--type-helper);overflow-wrap:anywhere;line-height:1.45}.catwalk-alert>button{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.catwalk-alert>button:hover{background:var(--ui-panel-soft);color:var(--ui-text)}.catwalk-alert>button svg{width:16px;height:16px}.catwalk-alert-success .catwalk-alert-icon{color:var(--status-success)}.catwalk-alert-error .catwalk-alert-icon{color:var(--status-danger)}.catwalk-alert-warning .catwalk-alert-icon{color:var(--status-warning)}@keyframes catwalk-alert-enter{0%{opacity:0;transform:translateY(-5px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (max-width:640px){.catwalk-alert-region{width:min(360px, calc(var(--app-viewport-width) - 28px))}.catwalk-alert{grid-template-columns:20px minmax(0,1fr) 44px;gap:7px;padding:8px}.catwalk-alert>button{width:44px;min-width:44px;height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.catwalk-alert{transition:none;animation:none}}