.aipd{--cycle:16s;border:1px solid var(--line);background:var(--surface);isolation:isolate;border-radius:22px;width:100%;padding:clamp(16px,2.2vw,24px);position:relative;overflow:hidden;box-shadow:0 30px 70px -48px #16181d59}.aipd-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.aipd-badge{color:var(--ink-2);border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:500}.aipd-clock{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.aipd-clock i{background:var(--accent);border-radius:50%;width:8px;height:8px}.aipd[data-state=playing] .aipd-clock i{animation:1.8s ease-out infinite aipdPulse}@keyframes aipdPulse{0%{box-shadow:0 0 #2b50e066}to{box-shadow:0 0 0 9px #2b50e000}}.aipd-grid{grid-template-rows:auto 28px auto;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:0;margin-top:16px;display:grid}.aipd-mail{grid-area:1/1}.aipd-link--1{grid-area:1/2}.aipd-chips{grid-area:1/3}.aipd-link--2{grid-area:1/4}.aipd-draft{grid-area:1/5}.aipd-link--3{grid-area:2/5}.aipd-approve{grid-area:3/3/auto/6}.aipd-link--4{grid-area:3/2}.aipd-tools{grid-area:3/1}.aipd-card{border:1px solid var(--line-2);background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px 14px 16px;transition:border-color .4s,box-shadow .4s;display:flex}.aipd-card-h{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.aipd-n{background:var(--surface-2);border:1px solid var(--line);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:inline-grid}.aipd-link{display:block;position:relative}.aipd-link:before{content:"";background:var(--line);position:absolute}.aipd-link--1:before,.aipd-link--2:before,.aipd-link--4:before{height:2px;margin-top:-1px;top:50%;left:4px;right:4px}.aipd-link--3:before{width:2px;margin-left:-1px;top:4px;bottom:4px;left:50%}.aipd-link i{background:var(--accent);opacity:0;will-change:transform, opacity;border-radius:2px;width:8px;height:8px;position:absolute;box-shadow:0 0 0 4px #2b50e024}.aipd-link--1 i,.aipd-link--2 i,.aipd-link--4 i{margin-top:-4px;top:50%;left:0}.aipd-link--3 i{margin-left:-4px;top:0;left:50%}.aipd-link--4{transform:scaleX(-1)}.aipd-mail-meta{color:var(--ink-3);gap:2px;font-size:12.5px;display:grid}.aipd-mail-meta b{color:var(--ink-2);font-weight:500}.aipd-mail-text{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.aipd-hl{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#2b50e02e;border-radius:3px;padding:0 2px}.aipd-chips ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.aipd-chip{background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;grid-template-columns:74px minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 10px;font-size:13px;display:grid}.aipd-chip-k{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:500}.aipd-chip-v{color:var(--ink);min-width:0;font-weight:500}.aipd-chips-note,.aipd-tools-note{color:var(--ink-3);margin:2px 0 0;font-size:12px;line-height:1.45}.aipd-doc{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:8px;padding:12px;display:grid}.aipd-doc-title{color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:6px;font-size:12px;font-weight:500}.aipd-doc-line{border-radius:5px;height:18px;display:block;position:relative;overflow:hidden}.aipd-doc-line span{color:var(--ink);white-space:nowrap;font-size:12.5px;line-height:18px;position:absolute;inset:0}.aipd-doc-line:after{content:"";background:var(--surface-2);transform-origin:100%;transform:scaleX(calc(1 - var(--wf)));will-change:transform;position:absolute;inset:0}.aipd-doc-ask{color:var(--accent);font-size:12px;font-weight:500}.aipd-person{align-items:center;gap:10px;display:flex}.aipd-avatar{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:500;display:inline-grid}.aipd-person-t{color:var(--ink-2);font-size:13.5px}.aipd-person-t b{color:var(--ink);font-weight:500}.aipd-checks{color:var(--ink-2);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.aipd-checks li{align-items:center;gap:9px;display:flex}.aipd-checks i{border:1.5px solid var(--line);background:var(--surface);border-radius:4px;flex:none;width:16px;height:16px;position:relative}.aipd-checks i:after{content:"";opacity:0;border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.aipd-checks li.is-on i,.aipd[data-state=static] .aipd-checks i{background:var(--accent);border-color:var(--accent)}.aipd-checks li.is-on i:after,.aipd[data-state=static] .aipd-checks i:after{opacity:1}.aipd-send{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;font-weight:500;display:inline-flex}.aipd-stamp{color:var(--accent);letter-spacing:.02em;background:#fff;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-block}.aipd-tools ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.aipd-tool{border:1px solid var(--line-2);background:var(--surface-2);border-radius:10px;grid-template-columns:minmax(0,1fr) 22px;gap:1px 8px;padding:8px 10px;display:grid;position:relative}.aipd-tool-k{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}.aipd-tool-t{color:var(--ink);font-size:13px;font-weight:500}.aipd-tool-d{color:var(--ink-3);font-size:12px}.aipd-tool-ok{background:var(--accent);color:#fff;border-radius:50%;grid-area:1/2/span 3;align-self:center;place-items:center;width:22px;height:22px;display:grid}.aipd-tool-ok svg{width:12px;height:12px}.aipd-steps{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:14px 0 0;list-style:none;display:grid}.aipd-step{color:var(--ink-3);align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.aipd-step i{background:var(--line);border-radius:2px;flex:none;width:8px;height:8px}.aipd-step span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aipd[data-state=static] .aipd-step{color:var(--ink-2)}.aipd[data-state=static] .aipd-step i{background:var(--accent)}.aipd[data-state=playing] .aipd-mail{animation:aipdCardIn var(--cycle) ease-out infinite}.aipd[data-state=playing] .aipd-hl{animation:aipdHl var(--cycle) ease-out infinite;animation-delay:calc(var(--h) * .22s)}.aipd[data-state=playing] .aipd-chip{animation:aipdChip var(--cycle) ease-out infinite;animation-delay:calc(var(--i) * .28s)}.aipd[data-state=playing] .aipd-doc-line:after{animation:aipdLine var(--cycle) linear infinite;animation-delay:calc(var(--i) * .45s)}.aipd[data-state=playing] .aipd-doc-ask{animation:aipdFade var(--cycle) ease-out infinite}.aipd[data-state=playing] .aipd-checks i{animation:aipdCheckBox var(--cycle) steps(1, end) infinite;animation-delay:calc(var(--i) * .55s)}.aipd[data-state=playing] .aipd-checks i:after{animation:aipdCheckMark var(--cycle) steps(1, end) infinite;animation-delay:calc(var(--i) * .55s)}.aipd[data-state=playing] .aipd-send{animation:aipdSend var(--cycle) ease-out infinite}.aipd[data-state=playing] .aipd-stamp{animation:aipdStamp var(--cycle) ease-out infinite}.aipd[data-state=playing] .aipd-tool{animation:aipdTool var(--cycle) ease-out infinite;animation-delay:calc(var(--i) * .4s)}.aipd[data-state=playing] .aipd-tool-ok{animation:aipdToolOk var(--cycle) ease-out infinite;animation-delay:calc(var(--i) * .4s)}.aipd[data-state=playing] .aipd-link--1 i{animation:aipdSignal var(--cycle) linear infinite;animation-delay:1.9s}.aipd[data-state=playing] .aipd-link--2 i{animation:aipdSignal var(--cycle) linear infinite;animation-delay:4.4s}.aipd[data-state=playing] .aipd-link--3 i{animation:aipdSignalV var(--cycle) linear infinite;animation-delay:7.4s}.aipd[data-state=playing] .aipd-link--4 i{animation:aipdSignal var(--cycle) linear infinite;animation-delay:10.5s}.aipd[data-state=playing] .aipd-chips{animation:aipdCardOn var(--cycle) ease-out infinite;animation-delay:2.5s}.aipd[data-state=playing] .aipd-draft{animation:aipdCardOn var(--cycle) ease-out infinite;animation-delay:5s}.aipd[data-state=playing] .aipd-approve{animation:aipdCardOn var(--cycle) ease-out infinite;animation-delay:8s}.aipd[data-state=playing] .aipd-tools{animation:aipdCardOn var(--cycle) ease-out infinite;animation-delay:11s}.aipd[data-state=playing] .aipd-step:first-child{animation:aipdStep1 var(--cycle) steps(1, end) infinite}.aipd[data-state=playing] .aipd-step:nth-child(2){animation:aipdStep2 var(--cycle) steps(1, end) infinite}.aipd[data-state=playing] .aipd-step:nth-child(3){animation:aipdStep3 var(--cycle) steps(1, end) infinite}.aipd[data-state=playing] .aipd-step:nth-child(4){animation:aipdStep4 var(--cycle) steps(1, end) infinite}.aipd[data-state=playing] .aipd-step:nth-child(5){animation:aipdStep5 var(--cycle) steps(1, end) infinite}.aipd[data-state=playing] .aipd-step i{animation:inherit}.aipd[data-state=paused] *{animation-play-state:paused!important}.aipd[data-state=playing] .aipd-hl{background-color:#0000}.aipd[data-state=playing] .aipd-chip{opacity:0;transform:translateY(6px)}.aipd[data-state=playing] .aipd-doc-line:after{transform:scaleX(1)}.aipd[data-state=playing] .aipd-doc-ask,.aipd[data-state=playing] .aipd-stamp,.aipd[data-state=playing] .aipd-tool-ok{opacity:0}.aipd[data-state=playing] .aipd-tool{opacity:.45}.aipd[data-state=playing] .aipd-send{opacity:.35}@keyframes aipdCardIn{0%{opacity:0;transform:translateY(10px)}3%{opacity:1;transform:none}96%{opacity:1}to{opacity:0}}@keyframes aipdCardOn{0%,2%{border-color:var(--line-2);box-shadow:none}4%,16%{border-color:var(--accent);box-shadow:0 14px 30px -18px #2b50e073}22%,to{border-color:var(--line-2);box-shadow:none}}@keyframes aipdHl{0%,16%{background-color:#0000}20%,96%{background-color:#2b50e02e}to{background-color:#0000}}@keyframes aipdChip{0%,17%{opacity:0;transform:translateY(6px)}21%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes aipdLine{0%,32%{transform:scaleX(1)}38%,96%{transform:scaleX(calc(1 - var(--wf)))}to{transform:scaleX(1)}}@keyframes aipdFade{0%,44%{opacity:0}48%,96%{opacity:1}to{opacity:0}}@keyframes aipdCheckBox{0%,52%{background:var(--surface);border-color:var(--line)}53%,96%{background:var(--accent);border-color:var(--accent)}to{background:var(--surface);border-color:var(--line)}}@keyframes aipdCheckMark{0%,52%{opacity:0}53%,96%{opacity:1}to{opacity:0}}@keyframes aipdSend{0%,62%{opacity:.35;transform:none}65%{opacity:1;transform:scale(.96)}67%,96%{opacity:1;transform:none}to{opacity:.35}}@keyframes aipdStamp{0%,66%{opacity:0;transform:scale(.7)}69%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes aipdTool{0%,70%{opacity:.45;border-color:var(--line-2)}74%,96%{opacity:1;border-color:var(--accent-line,var(--line))}to{opacity:.45}}@keyframes aipdToolOk{0%,72%{opacity:0;transform:scale(.4)}76%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes aipdSignal{0%{opacity:0;transform:translate(0)}1%{opacity:1}4%{opacity:1;transform:translate(20px)}5%,to{opacity:0;transform:translate(20px)}}@keyframes aipdSignalV{0%{opacity:0;transform:translateY(0)}1%{opacity:1}4%{opacity:1;transform:translateY(18px)}5%,to{opacity:0;transform:translateY(18px)}}@keyframes aipdStep1{0%,15%{color:var(--accent)}16%,to{color:var(--ink-2)}}@keyframes aipdStep2{0%,15%{color:var(--ink-3)}16%,31%{color:var(--accent)}32%,to{color:var(--ink-2)}}@keyframes aipdStep3{0%,31%{color:var(--ink-3)}32%,49%{color:var(--accent)}50%,to{color:var(--ink-2)}}@keyframes aipdStep4{0%,49%{color:var(--ink-3)}50%,68%{color:var(--accent)}69%,to{color:var(--ink-2)}}@keyframes aipdStep5{0%,68%{color:var(--ink-3)}69%,84%{color:var(--accent)}85%,to{color:var(--ink-2)}}.aipd[data-state=playing] .aipd-step i{background:currentColor}@media (max-width:860px){.aipd-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.aipd-mail,.aipd-chips,.aipd-draft,.aipd-approve,.aipd-tools,.aipd-link{grid-area:auto/1}.aipd-link{height:26px;transform:none}.aipd-link:before{width:2px;height:auto!important;margin:0 0 0 -1px!important;inset:3px auto 3px 50%!important}.aipd-link i{margin:0 0 0 -4px!important;top:0!important;left:50%!important}.aipd-mail-text{font-size:14.5px}.aipd-chip,.aipd-checks,.aipd-tool-t{font-size:13.5px}.aipd-doc-line span{font-size:13px}.aipd[data-state=playing] .aipd-link--1 i,.aipd[data-state=playing] .aipd-link--2 i,.aipd[data-state=playing] .aipd-link--4 i{animation-name:aipdSignalV}.aipd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.aipd-doc-line{height:auto;min-height:18px;overflow:visible}.aipd-doc-line span{white-space:normal;line-height:1.4;display:block;position:static}.aipd-doc-line:after{display:none}.aipd-doc-line span{font-size:13px}.aipd[data-state=playing] .aipd-doc-line{opacity:0;animation:aipdLineFade var(--cycle) ease-out infinite;animation-delay:calc(var(--i) * .45s)}}@keyframes aipdLineFade{0%,31%{opacity:0}36%,96%{opacity:1}to{opacity:0}}@media (max-width:420px){.aipd-chip{grid-template-columns:1fr;gap:2px}.aipd-steps{grid-template-columns:1fr}}
