.ovl-scrim{z-index:5000;background:color-mix(in srgb, var(--effect-black) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:clamp(12px,2.4vmin,28px);display:grid;position:fixed;inset:0}.ovl-scrim[data-tone=site]{background:color-mix(in srgb, var(--effect-black) 78%, transparent)}.ovl-scrim[data-anchor=host]{position:absolute}.ovl{--ovl-gutter:clamp(16px, 2.2vw, 26px);--ovl-surface:color-mix(in srgb, var(--surface-chrome) 88%, transparent);--ovl-rule:var(--hairline);min-height:0;max-height:100%;color:var(--text-body);background:var(--ovl-surface);border:1px solid var(--ovl-rule);border-radius:var(--r-lg);box-shadow:0 18px 48px color-mix(in srgb, var(--effect-black) 52%, transparent);font-family:var(--font-workspace);grid-template-rows:auto minmax(0,1fr) auto;font-size:14px;line-height:1.5;display:grid;position:relative}.ovl[data-tone=site]{--ovl-surface:color-mix(in srgb, var(--surface-chrome) 96%, transparent)}.ovl[data-variant=modal],.ovl[data-variant=sheet]{width:min(var(--ovl-width), 100%);max-height:min(var(--ovl-height), 100%)}.ovl[data-size=sm]{--ovl-width:460px;--ovl-height:620px}.ovl[data-size=md]{--ovl-width:560px;--ovl-height:760px}.ovl[data-size=lg]{--ovl-width:880px;--ovl-height:860px}.ovl[data-size=xl]{--ovl-width:1120px;--ovl-height:940px}.ovl[data-variant=sheet]{height:min(var(--ovl-height), 100%)}.ovl[data-variant=popover]{--ovl-surface:color-mix(in srgb, var(--surface-chrome) 97%, transparent);max-height:none;display:block}.ovl__header{min-width:0;padding:var(--ovl-gutter) var(--ovl-gutter) clamp(11px, 1.3vw, 16px);border-bottom:1px solid var(--ovl-rule);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ovl__heading{min-width:0}.ovl__eyebrow{color:var(--text-muted);font:700 11px/1 var(--font-workspace);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.ovl__title{color:var(--text-body);font:600 clamp(19px, 1.55vw, 25px) / 1.08 var(--font-smallcaps);letter-spacing:.04em;text-shadow:none;margin:0}.ovl__subtitle{max-width:62ch;color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.45}.ovl__header-aside{color:var(--text-muted);flex:none;align-self:center;margin-left:auto;font-size:12px}.ovl__close{align-self:flex-start;margin:-9px -10px -6px 0}.ovl__body{min-height:0;padding:clamp(14px, 1.7vw, 22px) var(--ovl-gutter) var(--ovl-gutter);overscroll-behavior:contain;overflow-y:auto}.ovl[data-variant=popover]>.ovl__body{padding:0;overflow:visible}.ovl__footer{min-width:0;padding:clamp(11px, 1.3vw, 15px) var(--ovl-gutter) var(--ovl-gutter);border-top:1px solid var(--ovl-rule);justify-content:space-between;align-items:center;gap:16px;display:flex}.ovl__lead{min-width:0;color:var(--text-muted);font-size:12.5px;line-height:1.45}.ovl__lead:empty{display:none}.ovl__actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.ovl-btn{border-radius:var(--r-sm);min-width:112px;min-height:42px;color:var(--text-body);background:var(--surface-control);font:650 13px/1 var(--font-workspace);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.ovl-btn:hover:not(:disabled){color:var(--text-strong);background:color-mix(in srgb, var(--text-body) 10%, var(--surface-control))}.ovl-btn:disabled{cursor:not-allowed;opacity:.45}.ovl-btn--danger{color:var(--status-danger-text);border-color:color-mix(in srgb, var(--status-danger) 48%, transparent);background:0 0}.ovl-btn--danger:hover:not(:disabled){color:var(--status-danger-text);background:color-mix(in srgb, var(--status-danger) 18%, transparent)}.ovl :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent-border-hover);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ovl-btn{transition:none}}@media (max-width:760px),(max-height:560px){.ovl-scrim{place-items:stretch stretch;padding:0}.ovl[data-variant=modal],.ovl[data-variant=sheet]{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.ovl-scrim[data-anchor=host]>.ovl[data-variant=modal],.ovl-scrim[data-anchor=host]>.ovl[data-variant=sheet]{height:100%}.ovl[data-variant=modal]>.ovl__header,.ovl[data-variant=sheet]>.ovl__header{padding-top:max(14px, calc(env(safe-area-inset-top) + 9px));padding-right:max(14px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}.ovl[data-variant=modal]>.ovl__body,.ovl[data-variant=sheet]>.ovl__body{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}.ovl[data-variant=modal]>.ovl__footer,.ovl[data-variant=sheet]>.ovl__footer{padding-right:max(14px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left))}.ovl[data-variant=modal]>.ovl__header>.ovl__close,.ovl[data-variant=sheet]>.ovl__header>.ovl__close{margin-right:0}.ovl-btn{min-height:44px}}@media (max-width:520px){.ovl[data-variant=modal]>.ovl__footer,.ovl[data-variant=sheet]>.ovl__footer{flex-direction:column;align-items:stretch;gap:10px}.ovl__actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;margin-left:0;display:grid}.ovl-btn{width:100%;min-width:0}}
