/* Drip Type illustration follows Zap's composer and target-focus workflow. */
.zdd{--zdd-blue:#c6ddff;--zdd-text:#f4f6fa;--zdd-muted:#bdc5d2;--zdd-border:rgba(231,240,255,.19);--zdd-glass:rgba(26,32,43,.89);--zdd-ease:cubic-bezier(.2,.8,.2,1);margin:0;min-width:0;width:100%;container-type:inline-size;text-align:left}
.zdd-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:5/4;min-height:430px;overflow:hidden;border:1px solid #e1e9f5;border-radius:24px;background:radial-gradient(ellipse at 90% 80%,#dbe9fe70,transparent 62%),linear-gradient(135deg,#f3f7fd,#edf4fd 60%,#f9fbfe);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif}
.zdd-canvas{position:absolute;inset:0;transform-origin:50% 55%;transition:transform 1.2s var(--zdd-ease)}
.zdd[data-phase='complete'] .zdd-canvas{transform:scale(1.008)}
.zdd-brand{position:absolute;top:2%;left:5%;display:flex;align-items:center;gap:5px;color:#446487;font-size:10px;font-weight:500;letter-spacing:-.1px}
.zdd-brand img{display:block;width:15px;height:17px}
.zdd-document{position:absolute;top:8%;left:5%;width:90%;height:83%;overflow:hidden;border:1px solid #dfe7f1;border-radius:15px;background:#fff;box-shadow:0 15px 35px #36598210,0 3px 8px #36598208}
.zdd-document-toolbar{height:35px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #edf1f6;background:linear-gradient(#fff,#fafbfd);color:#5b7697;font-size:10px}
.zdd-document-toolbar svg{width:14px;height:15px;flex-shrink:0;color:#7896bc}
.zdd-document-toolbar>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:#4f6b8e}
.zdd-document-body{padding:24px 23px}
.zdd .zdd-document-kicker{display:block;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:1.3px;color:#4f6b8e}
.zdd .zdd-document-title{margin:9px 0 0;color:#263e5c;font-size:clamp(20px,4cqw,25px);font-weight:550;line-height:1.2;letter-spacing:-.65px}
.zdd-editor{position:relative;min-height:154px;margin-top:23px;border:1px solid #e7edf6;border-radius:12px;padding:18px;background:linear-gradient(#fafcff,#fff);transition:border-color .3s,box-shadow .3s}
.zdd[data-phase='focus'] .zdd-editor,.zdd[data-phase='typing'] .zdd-editor,.zdd[data-phase='complete'] .zdd-editor{border-color:#a6c6f4;box-shadow:0 0 0 3px #e9f2ff}
.zdd .zdd-typed{margin:0;color:#425873;font-size:clamp(13px,2.8cqw,16px);line-height:1.8;letter-spacing:-.12px;white-space:pre-wrap;overflow-wrap:break-word}
.zdd-typed>span{display:inline}
.zdd-caret{display:inline-block!important;width:1px;height:1em;margin-left:1px;background:#5185d0;vertical-align:-2px;animation:zdd-caret .95s step-end infinite}
.zdd[data-phase='complete'] .zdd-caret{display:none!important}
@keyframes zdd-caret{0%,100%{opacity:1}50%{opacity:0}}
.zdd-keycue{position:absolute;top:2%;right:5%;display:flex;align-items:center;gap:4px;color:#4f6b8e;font-size:9px}
.zdd-keycue>span{margin-right:4px}
.zdd-keycue kbd{height:25px;min-width:24px;display:grid;place-items:center;border:1px solid #ccdbef;border-radius:6px;background:linear-gradient(#fff,#eaf2fd);color:#426795;font:500 13px -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 2px 0 #d2dfef;transition:transform .18s,box-shadow .18s}
.zdd[data-phase='shortcut'] .zdd-keycue kbd{transform:translateY(2px);box-shadow:none}
.zdd-composer{position:absolute;z-index:20;left:7%;right:7%;top:16%;overflow:hidden;border:1px solid var(--zdd-border);border-radius:22px;background:var(--zdd-glass);color:var(--zdd-text);box-shadow:0 20px 60px #00000025,inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.035);backdrop-filter:blur(36px) saturate(140%);-webkit-backdrop-filter:blur(36px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity .35s,transform .45s var(--zdd-ease),visibility .35s}
.zdd[data-phase='composer'] .zdd-composer,.zdd[data-phase='paste'] .zdd-composer,.zdd[data-phase='starting'] .zdd-composer{opacity:1;visibility:visible;transform:none}
.zdd-composer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.02))}
.zdd-composer-header>strong{font-size:12px;color:var(--zdd-blue);font-weight:600}
.zdd-close{border:1px solid var(--zdd-border);border-radius:6px;padding:3px 7px;color:var(--zdd-muted);font-size:10px;line-height:1.5}
.zdd-composer-body{padding:14px 16px 16px}
.zdd .zdd-composer-description{font-size:11px;line-height:1.6;color:var(--zdd-muted);margin:0 0 12px}
.zdd-textarea{height:128px;overflow:hidden;padding:11px 13px;border:1px solid #c6ddff55;border-radius:10px;background:rgba(0,0,0,.28);color:var(--zdd-text);font-size:13px;line-height:1.75;box-shadow:inset 0 1px 2px #00000010;transition:border-color .3s}
.zdd-placeholder{color:#a2adbf;font-size:12px}
.zdd-draft{display:none}
.zdd[data-phase='paste'] .zdd-draft,.zdd[data-phase='starting'] .zdd-draft{display:block}
.zdd[data-phase='paste'] .zdd-placeholder,.zdd[data-phase='starting'] .zdd-placeholder{display:none}
.zdd[data-phase='paste'] .zdd-textarea,.zdd[data-phase='starting'] .zdd-textarea{border-color:#c6ddff99}
.zdd-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}
.zdd-auto-draft{padding:5px 7px;border:1px solid var(--zdd-border);border-radius:999px;background:#ffffff08;color:var(--zdd-muted);white-space:nowrap;font-size:9px;line-height:1.5}
.zdd-auto-draft svg{width:11px;height:11px;vertical-align:-2px;margin-right:3px}
.zdd-hint{color:#bdc5d2;font-size:8px;line-height:1.5;text-align:center}
.zdd-start{padding:8px 13px;border-radius:999px;background:#c6ddff;color:#263d5c;font-size:10px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff90,0 2px 4px #00000020;transition:transform .18s,background .18s}
.zdd[data-phase='starting'] .zdd-start{transform:translateY(2px);background:#aacafa}
.zdd-cursor{position:absolute;z-index:30;left:var(--zdd-start-x,80%);top:var(--zdd-start-y,78%);width:25px;height:30px;overflow:visible;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #12274430);transition:left .7s var(--zdd-ease),top .7s var(--zdd-ease),opacity .2s}
.zdd[data-phase='starting'] .zdd-cursor{opacity:1}
.zdd[data-phase='focus'] .zdd-cursor{left:var(--zdd-target-x,23%);top:var(--zdd-target-y,44%);opacity:1}
.zdd-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 2px 0;color:#587396;font-size:10px;line-height:1.5}
.zdd-status{flex:1;min-width:0}
.zdd-controls>div{display:flex;align-items:center;gap:6px;flex-shrink:0}
.zdd-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid #d4e1f2;background:#f8fbff;color:#375d8e;border-radius:999px;padding:0 12px;font:500 10px 'Outfit',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.zdd-controls button:hover{background:#eef5ff;transform:translateY(-1px)}
.zdd-controls button:focus-visible{outline:3px solid #82adee;outline-offset:3px}
.zdd-controls button:disabled{opacity:.5;cursor:default;transform:none}
.zdd-controls button svg{width:13px;height:13px;flex-shrink:0}
.zdd-controls .zdd-replay{width:40px;padding:0}
.zdd-pause-icon{display:none}.zdd[data-playing='true'] .zdd-pause-icon{display:block}.zdd[data-playing='true'] .zdd-play-icon{display:none}
.zdd[data-playing='false'] .zdd-caret{animation-play-state:paused}
.zdd figcaption{margin:12px 2px 0;color:#587396;font-size:10px;line-height:1.7}
.zdd-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){.zdd-scene{min-height:430px;border-radius:20px}.zdd-document-body{padding:22px 17px}.zdd-document-title{font-size:20px}.zdd-editor{margin-top:21px;padding:15px;min-height:171px}.zdd-composer{left:5%;right:5%;top:16%;border-radius:20px}.zdd-composer-header{padding:11px 12px}.zdd-composer-body{padding:12px}.zdd-composer-description{font-size:10px;line-height:1.65}.zdd-textarea{height:112px;padding:10px 11px;font-size:12px}.zdd-composer-footer{padding:11px 12px;flex-wrap:wrap;gap:8px}.zdd-hint{order:3;flex-basis:100%;font-size:8px}.zdd-start{font-size:10px;padding:7px 12px}.zdd-auto-draft{font-size:9px}.zdd-typed{font-size:13px}.zdd-controls{gap:9px}.zdd-controls button{padding:0 10px}.zdd-keycue{font-size:8px}.zdd-keycue kbd{height:23px;min-width:22px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.zdd-canvas,.zdd-editor,.zdd-keycue kbd,.zdd-composer,.zdd-textarea,.zdd-start,.zdd-cursor,.zdd-controls button{transition:none}.zdd-caret{display:none!important}.zdd[data-phase='complete'] .zdd-canvas{transform:none}}