.app-scrim{z-index:80;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.app-dialog{background:var(--t-solid);border:1px solid var(--t-line);width:min(420px,100%);color:var(--t-text);border-radius:14px;gap:14px;padding:20px;display:grid;box-shadow:0 24px 60px #00000059}.app-dialog-title{font:600 17px/24px var(--font);color:var(--t-text)}.app-dialog-body{font:400 14px/20px var(--font);color:var(--t-text-2)}.app-dialog-field{gap:6px;display:grid}.app-dialog-label{font:400 13px/18px var(--font);color:var(--t-text-2)}.app-dialog-field input{background:var(--t-raised);border:1px solid var(--t-line);height:36px;color:var(--t-text);font:400 15px/22px var(--font);border-radius:8px;outline:0;padding:0 12px}.app-dialog-field input:focus-visible{border-color:var(--t-text-2)}.app-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.app-dialog-cancel,.app-dialog-confirm{height:34px;font:500 14px/1 var(--font);border-radius:8px;padding:0 14px}.app-dialog-cancel{color:var(--t-text-2)}.app-dialog-cancel:hover{background:var(--t-raised);color:var(--t-text)}.app-dialog-confirm{background:var(--t-primary);color:var(--t-primary-text)}.app-dialog-confirm.danger{color:var(--t-danger);box-shadow:inset 0 0 0 1px var(--t-danger);background:0 0}.app-dialog-confirm:disabled{opacity:.4;cursor:default}.app-dialog-cancel:focus-visible,.app-dialog-confirm:focus-visible,.app-toast button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-toasts{z-index:85;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.app-toast{pointer-events:auto;background:var(--t-solid);border:1px solid var(--t-line);min-height:44px;color:var(--t-text);font:400 14px/20px var(--font);border-radius:12px;align-items:center;gap:14px;padding:0 8px 0 16px;display:flex;box-shadow:0 12px 32px #0000004d}.app-toast-undo{height:30px;color:var(--t-link);font:500 14px/1 var(--font);border-radius:8px;padding:0 10px}.app-toast-undo:hover{background:var(--t-raised)}.app-toast-close{width:28px;height:28px;color:var(--t-text-3);border-radius:999px;place-items:center;display:grid}.app-toast-close:hover{background:var(--t-raised);color:var(--t-text)}
