.stateNotice{position:fixed;z-index:12000;bottom:24px;left:24px;width:min(540px,calc(100vw - 48px));box-sizing:border-box;background:var(--panel,#f4f7f6);color:var(--text,#192d2b);border:1px solid var(--line,#c6d3ce);border-left:4px solid #537e72;border-radius:16px;box-shadow:0 12px 40px #0003;padding:16px 20px;font-size:14px;line-height:1.5;backdrop-filter:blur(24px)}.stateNotice strong{font-size:16px}.stateNotice p{margin:6px 0 12px;color:inherit}.stateNotice[data-tone=error]{border-left-color:#b94c48}.stateNotice[data-tone=warning]{border-left-color:#a17429}.stateNotice[data-tone=success]{border-left-color:#347a5b}.stateActions{display:flex;flex-wrap:wrap;gap:8px}.stateActions button,.stateDraft button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:8px 12px;min-height:44px;cursor:pointer}.stateActions [data-state-dismiss]{margin-left:auto;border:0;font-size:22px}.stateFieldError{color:#a53030!important;font-size:14px!important;line-height:1.5;margin:6px 0!important}.stateValidation{padding:16px;margin-bottom:16px;border:1px solid #b94c48;border-radius:12px;color:var(--text,#192d2b)}.stateValidation a{color:inherit;text-decoration:underline}.stateDraft{padding:16px;margin:0 0 16px;border:1px solid var(--line,#baccc4);border-radius:12px;background:var(--base,#eef5f1)}.stateDraft dl{max-height:240px;overflow:auto;white-space:pre-wrap}.stateDraft dt{font-weight:600;margin-top:12px}.stateDraft dd{margin:4px 0;overflow-wrap:anywhere}[aria-invalid=true]{outline:2px solid #b94c48!important;outline-offset:2px}:root[data-lite=true] video{visibility:hidden}:root[data-lite=true] *, :root[data-lite=true] *::before,:root[data-lite=true] *::after{animation:none!important;transition:none!important}:root[data-theme=dark] .stateFieldError{color:#ffb6ad!important}@media(max-width:600px){.stateNotice{bottom:80px;left:12px;width:calc(100vw - 24px);max-height:40vh;overflow:auto;padding:12px 16px}}@media(prefers-reduced-motion:reduce){.stateNotice{scroll-behavior:auto}}
/* Isolate feedback from the workspace's broad paragraph color rules. */
#state-notice{background:#f4f7f6;color:#192d2b}#state-notice p,#state-notice strong,#state-notice button{color:inherit!important}#state-notice p{opacity:1!important}:root[data-theme=dark] #state-notice{background:#202a30;color:#f0f5f3;border-color:#637873}:root[data-theme=dark] #state-notice[data-tone=error]{border-left-color:#ffaaa2}:root[data-theme=dark] #state-notice[data-tone=warning]{border-left-color:#e5bf74}
