.WpMOpW_demo{border:1px solid var(--border);border-radius:var(--radius-feature);background:var(--surface);overflow:hidden}.WpMOpW_demoHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.WpMOpW_demoHeader>div{align-items:center;gap:18px;font-size:12px;font-weight:600;display:flex}.WpMOpW_etsyWordmark{color:#f1641e;letter-spacing:-1.4px;font:31px/1 Georgia,serif}.WpMOpW_expand,.WpMOpW_playback button{border:1px solid var(--border);background:var(--surface);min-height:36px;font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.WpMOpW_expand:hover,.WpMOpW_playback button:hover{background:var(--panel)}.WpMOpW_expand:focus-visible,.WpMOpW_playback button:focus-visible,.WpMOpW_transcript summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.WpMOpW_sceneViewport{background:#faf8f5;width:100%;overflow:hidden}.WpMOpW_sceneSpace{width:100%;max-width:942px;margin-inline:auto;position:relative}.WpMOpW_scene{transform-origin:0 0;color:#312b36;text-align:left;-webkit-user-select:none;user-select:none;pointer-events:none;background:#faf8f5;width:942px;height:690px;font:16px/20px Helvetica Neue,Arial,sans-serif;display:flex;position:absolute;top:0;left:0}.WpMOpW_folders{flex:0 0 210px;width:210px;height:690px;display:block}.WpMOpW_conversation{flex:0 0 732px;width:732px;height:690px}.WpMOpW_toolbar{width:732px;height:64px;display:block}.WpMOpW_subject{border-bottom:1px solid #e1dfdc;align-items:center;gap:7px;height:64px;padding:18px 24px;font-size:14px;display:flex}.WpMOpW_subject strong{font-weight:600}.WpMOpW_helpRequest{background:#f8d878;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:600;line-height:18px}.WpMOpW_viewOrder{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.WpMOpW_thread{height:244px;padding:22px 24px}.WpMOpW_date{color:#59535b;text-align:center;margin-bottom:24px;font-size:12px}.WpMOpW_incoming{align-items:flex-start;gap:12px;display:flex}.WpMOpW_incoming>img{flex:0 0 35px;margin-top:9px}.WpMOpW_incoming>div{max-width:560px}.WpMOpW_bubble{font:inherit;border:1px solid #dedbd8;border-radius:8px;padding:12px 14px;line-height:23px}.WpMOpW_timestamp{color:#59535b;margin-top:6px;font-size:12px;display:block}.WpMOpW_composerWrap{border-top:1px solid #e1dfdc;height:224px;padding:12px}.WpMOpW_composer{white-space:pre-wrap;background:#faf8f5;border:1px solid #312b36;border-radius:8px;height:200px;padding:8px 12px;font:16px/20px Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.WpMOpW_composer:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#0000 0 2px,#b9b5b4 2px 3px,#0000 3px 4px);width:9px;height:9px;position:absolute;bottom:3px;right:3px}.WpMOpW_placeholder{color:#6f6b70}.WpMOpW_focused{outline-offset:2px;outline:2px solid #6378c3}.WpMOpW_writing{border-color:#b94e35;animation:2.4s ease-in-out infinite WpMOpW_writingBorder;box-shadow:0 0 0 1px #b94e352e}@keyframes WpMOpW_writingBorder{0%,to{border-color:#b94e35}50%{border-color:#e76f51}}.WpMOpW_caret{vertical-align:-3px;background:#312b36;width:1px;height:17px;animation:1s step-end infinite WpMOpW_caretBlink;display:inline-block}@keyframes WpMOpW_caretBlink{50%{opacity:0}}.WpMOpW_composerToolbar{height:94px;margin-inline:12px;position:relative}.WpMOpW_composerToolbar>img{width:708px;height:94px;display:block}.WpMOpW_inlineControls{height:38px;font-family:var(--font-jakarta), "Helvetica Neue", sans-serif;background:#faf8f5;align-items:center;gap:8px;padding-left:12px;display:flex;position:absolute;top:0;right:0}.WpMOpW_template{opacity:.65;background:#fffefa;border:1px solid #8f887e;border-radius:8px;justify-content:space-between;align-items:center;width:142px;height:36px;padding:7px 10px;font-size:13px;font-weight:700;display:flex}.WpMOpW_aiButton{color:#faf7f2;background:#b94e35;border-radius:8px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:700;line-height:18.2px}.WpMOpW_pressed{background:#923c2b}.WpMOpW_mic{color:#1f1f1f;background:#fffefa;border:1px solid #8f887e;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.WpMOpW_send{color:#faf8f5;background:#312b36;border-radius:24px;place-items:center;width:63px;height:36px;font:700 14px/16px Helvetica Neue,Arial,sans-serif;display:grid}.WpMOpW_pointer{z-index:2;filter:drop-shadow(1px 2px 1px #0003);position:absolute}.WpMOpW_pointerPressed{transform-origin:0 0;transform:scale(.88)}.WpMOpW_demoControls{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.WpMOpW_demoControls>p{align-items:center;gap:9px;font-size:11px;line-height:1.5;display:flex}.WpMOpW_statusDot{background:var(--sage);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.WpMOpW_statusWriting{background:var(--clay)}.WpMOpW_playback{flex-shrink:0;align-items:center;gap:8px;display:flex}.WpMOpW_playback .WpMOpW_skip{color:var(--muted);border-color:#0000;font-weight:500}.WpMOpW_caption{color:var(--muted);padding:0 24px 16px;font-size:10px;line-height:1.7}.WpMOpW_motionNote{color:var(--muted);font-size:10px}.WpMOpW_transcript{padding:0 24px 18px;font-size:11px;line-height:1.8}.WpMOpW_transcript summary{cursor:pointer;width:fit-content;color:var(--muted);text-underline-offset:3px}.WpMOpW_transcript summary:hover{text-decoration:underline}.WpMOpW_transcript>div{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}.WpMOpW_transcript p{white-space:pre-wrap}.WpMOpW_transcript p:last-child{grid-column:1/-1}.WpMOpW_transcript strong{margin-bottom:6px;font-weight:600;display:block}.WpMOpW_dialog{border:1px solid var(--border);background:var(--surface);width:min(980px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);border-radius:14px;margin:auto;padding:0;overflow:auto;box-shadow:0 20px 70px #0003}.WpMOpW_dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f1f1f99}.WpMOpW_panHint{display:none}@media (max-width:639px){.WpMOpW_demoHeader{gap:8px;padding:14px}.WpMOpW_demoHeader>div{gap:10px;font-size:10px}.WpMOpW_etsyWordmark{font-size:26px}.WpMOpW_expand>span{display:none}.WpMOpW_demoControls{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.WpMOpW_demoControls>p{min-height:17px}.WpMOpW_playback{width:100%}.WpMOpW_playback .WpMOpW_skip{margin-left:auto}.WpMOpW_caption{padding:0 14px 14px}.WpMOpW_transcript{padding:0 14px 16px}.WpMOpW_transcript>div{grid-template-columns:1fr}.WpMOpW_sceneLarge{overflow-x:auto}.WpMOpW_sceneLarge .WpMOpW_sceneSpace{min-width:732px;height:690px!important}.WpMOpW_sceneLarge .WpMOpW_scene{transform:translate(-210px)!important}.WpMOpW_dialog .WpMOpW_sceneLarge{max-height:65dvh;overflow-y:auto}.WpMOpW_panHint{color:var(--muted);border-bottom:1px solid var(--border);padding:8px 14px;font-size:10px;display:block}}@media (prefers-reduced-motion:reduce){.WpMOpW_writing,.WpMOpW_caret{animation:none}.WpMOpW_pointer{display:none}}
