.task-preview-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:28px;padding:24px 22px 20px;width:min(420px,calc(100vw - 28px));max-height:min(86dvh,720px);box-sizing:border-box;overflow-y:auto;background:#fff;color:#302a3a;box-shadow:0 24px 90px rgba(24,16,34,.24);font-family:var(--f,system-ui);opacity:0;transform:translateY(14px) scale(.975);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.25,1)}
.task-preview-dialog.is-visible{opacity:1;transform:none}
.task-preview-dialog::backdrop{background:rgba(32,24,42,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.task-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7a7481}
.task-preview-provider{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:22px;font-weight:450}
.task-preview-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#f4f1f7;color:#756d80;box-shadow:0 0 0 1px #e6e3e9,0 3px 10px rgba(35,28,43,.08);cursor:pointer;-webkit-tap-highlight-color:transparent}
.task-preview-sr-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.task-preview-content.tk{position:relative;inset:auto;z-index:auto;display:block;transform:none;transition:none;will-change:auto;margin:18px 0 0}
.task-preview-content .tk-card{margin:0;pointer-events:none}
.task-preview-steps{margin:18px 2px 16px;color:#393342}
.task-preview-steps-label{margin:0 0 10px;font-size:14px;line-height:20px;font-weight:750}
.task-preview-steps ol{margin:0;padding-left:23px;display:grid;gap:8px}
.task-preview-steps li{padding-left:3px;font-size:13px;line-height:19px;color:#716b79}
.task-preview-primary,.task-preview-secondary{display:block;width:100%;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;text-align:center}
.task-preview-primary{min-height:48px;padding:10px 8px;color:#211c29;font-size:17px;line-height:24px;font-weight:750}
.task-preview-secondary{min-height:42px;margin-top:4px;padding:8px;color:#8c75a0;font-size:14px;line-height:20px;font-weight:500}
.task-preview-close:focus-visible{outline:2px solid #aaa4b0;outline-offset:3px}
.task-preview-primary:focus-visible,.task-preview-secondary:focus-visible{outline:2px solid #7f59ad;outline-offset:4px}
.task-preview-primary:active,.task-preview-secondary:active{opacity:.58}
@media(max-width:360px){.task-preview-dialog{padding:20px 16px 16px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.task-preview-dialog{transition:none}}