.product-overlay-root{position:relative;z-index:var(--z-modal)}.product-fullscreen-overlay{position:fixed;z-index:calc(var(--z-modal) + var(--product-overlay-layer-order, 0));inset:0;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background:var(--color-backdrop-modal);font-family:var(--font-ui, Inter, sans-serif);pointer-events:auto;outline:none;animation:product-backdrop-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-popover,.product-context-menu,.product-virtual-anchor-surface{position:fixed;z-index:calc(var(--z-modal) + var(--product-overlay-layer-order, 0));animation:product-overlay-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-popover{width:min(32rem,calc(100vw - 1.6rem));max-height:min(48rem,calc(100vh - 1.6rem));overflow:auto;padding:var(--space-3)}.product-context-menu{display:grid;width:22rem;max-height:min(48rem,calc(100vh - 1.6rem));overflow:auto;padding:var(--space-1);box-shadow:var(--shadow-context-menu)}.product-context-menu>button{display:grid;min-height:3.8rem;grid-template-columns:2.4rem minmax(0,1fr) 1.6rem;gap:var(--space-2);align-items:center;padding:0 var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-ink);text-align:start}.product-context-menu>button:hover,.product-context-menu>button:focus-visible{background:var(--color-surface-hover)}.product-context-menu>button[aria-disabled=true]{color:var(--color-ink-muted);cursor:not-allowed;opacity:.55}.product-context-menu>.product-context-menu__back{border-bottom:1px solid var(--color-divider-canvas);border-radius:0}.product-context-menu__disclosure{display:grid;place-items:center;transform:rotate(180deg)}.product-modal-backdrop,.product-tray-layer,.product-sheet-layer{position:fixed;z-index:calc(var(--z-modal) + var(--product-overlay-layer-order, 0));inset:0}.product-modal-backdrop,.product-tray-layer[data-modal=true],.product-sheet-layer{background:var(--color-backdrop-modal);animation:product-backdrop-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-modal-backdrop{display:grid;place-items:center;padding:var(--space-5)}.product-dialog{display:grid;width:min(var(--modal-max-width),calc(100vw - 4rem));max-height:min(var(--modal-max-height),calc(100dvh - 4rem));grid-template-rows:auto minmax(0,1fr);animation:product-dialog-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-dialog>header,.product-tray>header,.product-sheet>header{display:flex;min-height:5.6rem;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.product-dialog h2,.product-tray h2,.product-sheet h2{margin:0;font-size:var(--type-ui-modal-title);line-height:var(--line-element)}.product-dialog header p{margin:var(--space-1) 0 0;color:var(--color-ink-secondary);font-size:var(--type-ui-small)}.product-dialog__content,.product-tray__content,.product-sheet__content{overflow:auto;padding:var(--space-4)}.product-tray-layer{pointer-events:none}.product-tray-layer[data-modal=true]{pointer-events:auto}.product-tray{position:absolute;inset:0 0 0 auto;display:grid;width:min(var(--inbox-width),100vw);grid-template-rows:auto minmax(0,1fr);pointer-events:auto;border-radius:0;animation:product-tray-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-sheet-layer{display:grid;align-items:end}.product-sheet{position:relative;max-height:calc(100dvh - var(--safe-area-top));padding-bottom:var(--safe-area-bottom);border-radius:1rem 1rem 0 0;background:var(--color-surface);box-shadow:var(--shadow-dialog);animation:product-sheet-enter .5s cubic-bezier(.32,.72,0,1.02) both}.product-lit-sheet{width:100%;max-height:var(--plane-modal-sheet-max-height);box-sizing:border-box;overflow:auto;padding:var(--space-6) var(--space-6) calc(var(--safe-area-bottom) + var(--space-6))}.product-lit-sheet>*{display:block;width:100%}.product-adaptive-overlay-sheet{width:100%;max-height:var(--plane-modal-sheet-max-height);box-sizing:border-box;overflow:auto;padding:var(--space-6) var(--space-6) calc(var(--safe-area-bottom) + var(--space-6))}.product-adaptive-overlay-sheet__content{position:static;width:100%;max-height:none;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.product-adaptive-overlay-sheet__content.product-context-menu{width:100%}.product-sheet__handle{position:absolute;top:.8rem;left:50%;width:3.5rem;height:.5rem;transform:translate(-50%);border-radius:var(--radius-round);background:var(--color-border-strong)}.product-sheet>header{padding-top:2rem}.product-toast-viewport{position:fixed;z-index:var(--z-error);inset:auto var(--space-4) calc(var(--space-4) + var(--safe-area-bottom)) auto;display:grid;width:min(38rem,calc(100vw - 3.2rem));gap:var(--space-2);pointer-events:none}.product-toast{display:grid;min-height:4.4rem;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:1rem 1.4rem;border:1px solid var(--color-border);border-inline-start:.4rem solid var(--color-action);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-floating-2);pointer-events:auto;animation:product-toast-enter var(--input-motion-popup-duration) var(--motion-ease-out) both}.product-toast[data-tone=success]{border-inline-start-color:var(--color-success)}.product-toast[data-tone=warning]{border-inline-start-color:var(--color-warning)}.product-toast[data-tone=error]{border-inline-start-color:var(--color-error)}.product-toast button{padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-action);font-weight:var(--weight-semibold)}@keyframes product-overlay-enter{0%{transform:translateY(-.4rem);opacity:0}}@keyframes product-backdrop-enter{0%{opacity:0}}@keyframes product-dialog-enter{0%{transform:scale(.98);opacity:0}}@keyframes product-tray-enter{0%{transform:translate(100%)}}@keyframes product-sheet-enter{0%{transform:translateY(100%)}}@keyframes product-toast-enter{0%{transform:translateY(.8rem);opacity:0}}.product-input-surface[data-input-layout=narrow] .product-modal-backdrop{padding:0}.product-input-surface[data-input-layout=narrow] .product-dialog{width:100vw;max-height:100dvh;border-radius:0}.product-input-surface[data-input-layout=narrow] .product-tray{width:100vw}.product-input-surface[data-input-layout=narrow] .product-toast-viewport{inset-inline:var(--space-3);width:auto}
