.notice{--notice-fg:var(--info);--notice-bg:var(--info-tint);--notice-line:var(--info-soft);align-items:flex-start;gap:var(--space-2);box-sizing:border-box;min-width:0;max-width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--notice-line);border-radius:var(--radius-panel);background:var(--notice-bg);color:var(--notice-fg);font-size:var(--font-body);overflow-wrap:anywhere;line-height:1.45;display:flex}.notice[data-tone=success]{--notice-fg:var(--success);--notice-bg:var(--success-tint);--notice-line:var(--success-soft)}.notice[data-tone=warning]{--notice-fg:var(--warning);--notice-bg:var(--warning-tint);--notice-line:var(--warning-soft)}.notice[data-tone=danger]{--notice-fg:var(--danger-strong);--notice-bg:var(--danger-tint);--notice-line:var(--danger-soft)}.notice-icon{flex:none;margin-top:2px}.notice-body{flex:auto;min-width:0}.notice-body>:where(p){line-height:inherit;margin:0}.notice-body>:where(p)+:where(p){margin-top:var(--space-1)}.notice-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;margin-left:auto;display:flex}.notice a,.notice .text-button{color:inherit;text-underline-offset:2px;text-decoration:underline}.notice .text-button{align-items:center;gap:var(--space-1);font:inherit;padding:0;display:inline-flex}.notice-close{border-radius:var(--radius-control);width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-2px -4px -2px 0;padding:0;display:inline-flex}.notice-close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.notice-close:focus-visible,.notice a:focus-visible,.notice button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.notice-inline{margin:var(--space-2) 0}.notice-inline:first-child{margin-top:0}.notice-field-error{margin-top:var(--space-1);color:var(--danger-strong);font-size:var(--font-body);line-height:1.4;display:block}.notice-toast,.notice-banner-region,.notice-instruction{box-shadow:var(--shadow-float)}.notice-toast,.notice-instruction{width:max-content}.toast-region{align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex}.toast-region>*{pointer-events:auto}.toast-region-page{left:var(--space-4);right:var(--space-4);bottom:calc(var(--bar-bottom) + var(--bar-h) + var(--space-3));z-index:var(--layer-toast);position:fixed}.notice-toast{max-width:min(480px,100%)}.banner-region{z-index:var(--layer-critical);flex-direction:column;display:flex;position:relative}.banner-region:empty{display:none}.notice-banner-page{padding:var(--space-2) var(--space-4);border-width:0 0 1px;border-radius:0;justify-content:center;align-items:center}.notice-banner-page .notice-icon{margin-top:0}.notice-banner-page .notice-body{flex:0 auto}.notice-banner-page .notice-actions{margin-left:0}.notice-banner-region{width:min(560px,100%)}.notice-group{align-items:center;gap:var(--space-2);flex-direction:column;width:min(560px,100%);display:flex}.notice-group>.notice-banner-region{width:100%}.app-shell:not(.ux-shell)>.notice-group{z-index:var(--layer-notice);width:min(560px,100vw - 32px);position:absolute;top:72px;left:50%;transform:translate(-50%)}.canvas-surface>.notice-instruction,.canvas-surface>.notice-banner-region{left:50%;bottom:calc(var(--bar-bottom) + var(--bar-h) + var(--space-3));z-index:var(--layer-canvas-overlay);position:absolute;transform:translate(-50%)}.notice-instruction{max-width:calc(100% - var(--space-4));flex-wrap:wrap;justify-content:center;align-items:center}.notice-instruction .notice-icon{margin-top:0}.notice-instruction button:not(.notice-close){justify-content:center;align-items:center;gap:var(--space-1);min-width:28px;height:28px;padding:0 var(--space-2);border:1px solid var(--notice-line);border-radius:var(--radius-control);background:var(--surface);color:var(--notice-fg);font:var(--weight-bold) var(--font-meta)/1 inherit;cursor:pointer;display:inline-flex}.notice-instruction button:not(.notice-close):hover:not(:disabled){background:var(--surface-subtle)}.notice-instruction button:disabled{opacity:.45;cursor:default}.notice-instruction [role=group]{gap:var(--space-1);display:inline-flex}.notice-instruction .feature-kinds button[aria-pressed=true]{background:var(--feature-color);border-color:var(--feature-color);color:var(--on-accent)}.notice-instruction .notice-body{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:0 auto;display:flex}.notice-details{text-align:left;width:100%;max-width:800px}.notice-details>summary{cursor:pointer;font-weight:var(--weight-bold)}.notice-details>div{max-height:36vh;padding-top:var(--space-2);overflow:auto}.notice-details article+article{border-top:1px solid var(--notice-line);margin-top:var(--space-3);padding-top:var(--space-3)}.notice-details p{margin:var(--space-1) 0;white-space:pre-wrap;overflow-wrap:anywhere}.notice-instruction button[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.notice-loading{align-items:center;gap:var(--space-2);display:inline-flex}.notice-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.notice-toast,.notice-banner-region{animation:surface-up-in .16s var(--ease-out)}.notice-inline{animation:.18s ease-out surface-fade}.notice-close{transition:background-color var(--motion-fast) ease-out}}@media (width<=760px){.notice-banner-page{padding:var(--space-2) var(--space-3);justify-content:flex-start}.notice-banner-page .notice-body{flex:1 1 0}}