.interactive-demo button,.interactive-demo textarea{font:inherit}.interactive-demo button{cursor:pointer;color:inherit;border:0}.interactive-demo button:disabled{cursor:default;opacity:.5}.interactive-demo button:focus-visible,.interactive-demo textarea:focus-visible{outline-offset:2px;outline:2px solid #aaa}.demo-desktop{aspect-ratio:1.12;min-height:440px}.invoice-app{color:#333;background:#ececec;border-radius:9px;font-family:DM Sans,sans-serif;position:absolute;inset:14% 9% 13%;overflow:hidden;box-shadow:0 15px 30px #0005}.window-toolbar{background:#d8d8d8;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:8px;height:30px;padding:0 12px;font-size:9px;display:flex}.traffic{color:#aaa;letter-spacing:2px;font-size:10px}.invoice-paper{background:#fff;width:86%;min-height:calc(100% - 55px);margin:12px auto;padding:7%;font-size:clamp(8px,1.55cqw,11px);box-shadow:0 1px 4px #0001}.invoice-paper header{justify-content:space-between;font-size:1.6em;font-weight:700;line-height:1.2;display:flex}.invoice-paper header b{text-align:right;font-size:.8em}.invoice-paper header small{color:#888;font-size:.65em;font-weight:400}.invoice-meta{color:#777;justify-content:space-between;margin:20px 0 14px;font-size:.8em;display:flex}.invoice-paper table{border-collapse:collapse;text-align:right;width:100%}.invoice-paper th{color:#888;border-bottom:1px solid #ddd;padding-bottom:8px;font-size:.8em;font-weight:400}.invoice-paper td{border-bottom:1px solid #eee;padding:10px 0}.invoice-paper th:first-child,.invoice-paper td:first-child{text-align:left}.invoice-paper dl{width:57%;margin:13px 0 0 auto}.invoice-paper dl>div{justify-content:space-between;margin:7px 0;display:flex}.invoice-paper dd{margin:0}.invoice-total{border-top:1px solid #ddd;padding-top:9px;font-weight:700}.invoice-total.flagged{color:#777;text-decoration:line-through}.invoice-correction{text-align:right;font-size:.85em;font-weight:600}.live-widget{z-index:5;color:#eee;filter:none;background:#000;border-radius:0 0 12px 12px;width:27%;max-height:27px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:width .43s cubic-bezier(.2,.85,.25,1.12),max-height .43s cubic-bezier(.2,.85,.25,1),border-radius .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.live-widget:before,.live-widget:after{content:"";width:10px;height:10px;position:absolute;top:0}.live-widget:before{background:radial-gradient(circle at 0 100%,#0000 70%,#000 72%);right:100%}.live-widget:after{background:radial-gradient(circle at 100% 100%,#0000 70%,#000 72%);left:100%}.live-widget.is-open{border-radius:0 0 23px 23px;width:68%;max-height:95%;box-shadow:0 14px 22px -5px #0008}.notch-trigger{background:0 0;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;width:100%;height:27px;padding:0 15px;display:flex}.notch-trigger img{filter:brightness(0)invert();width:13px;height:13px}.notch-camera{background:#1d252b;border-radius:50%;width:5px;height:5px}.live-content{opacity:0;max-height:0;padding:0 12px;transition:opacity .12s,max-height .35s,padding .35s;overflow:hidden}.is-open .live-content{opacity:1;max-height:440px;padding:3px 12px 12px;transition:opacity .2s .1s,max-height .35s,padding .35s}.live-tabs{background:#171717;border-radius:30px;align-items:center;gap:4px;margin-bottom:10px;padding:4px;display:flex}.tab-scroll{scrollbar-width:thin;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.live-tab{border-radius:20px;flex:1;min-width:95px;position:relative}.live-tab.selected{background:#393939;box-shadow:inset 0 0 0 1px #ffffff20}.live-tab>button:first-child{white-space:nowrap;background:0 0;width:100%;padding:7px 20px;font-size:10px}.close-tab{opacity:0;background:0 0;width:20px;height:22px;position:absolute;top:3px;left:3px}.live-tab:hover .close-tab,.live-tab:focus-within .close-tab{opacity:1}.new-tab{background:0 0;flex-shrink:0;place-items:center;width:25px;height:26px;display:grid}.new-tab svg{width:14px;height:14px}.agent-picker{max-height:235px;overflow:auto}.agent-picker>p{margin:12px 0;font-size:12px}.agent-picker>button{text-align:left;background:#191919;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:11px;display:flex}.agent-picker>button:hover{background:#292929}.agent-picker strong{font-size:12px;display:block}.agent-picker small{color:#aaa;margin-top:3px;font-size:9px;display:block}.agent-picker>button>span:last-child{margin-left:auto}.agent-avatar{font-size:21px}.live-composer{background:#1f1f1f;border-radius:12px;padding:10px}.live-composer textarea{resize:none;color:#eee;background:0 0;border:none;outline:none;width:100%;height:55px;font-size:12px;line-height:1.5}.live-composer textarea::placeholder{color:#999}.live-controls{justify-content:flex-end;align-items:center;gap:5px;display:flex}.live-controls button{background:0 0;border-radius:50%;place-items:center;width:27px;height:27px;padding:5px;display:grid}.live-controls button[aria-pressed=true]{background:#505050}.live-controls button:hover{background:#444}.live-controls svg{width:16px;height:16px}.live-controls .round-control{color:#111;background:#f5f5f5}.context-label{color:#aaa;max-width:45%;margin-right:auto;font-size:8px}.suggested-prompt{text-align:left;background:0 0;padding:9px 3px 0;display:block;color:#aaa!important;font-size:10px!important}.live-reply{white-space:pre-line;scrollbar-width:thin;max-height:160px;margin:8px 0 12px;font-size:11px;line-height:1.65;overflow-y:auto}.live-reply p{margin:6px 0}.live-reply .sent-message{background:#242424;border-radius:9px;margin-left:20px;padding:8px 10px}.attachment-chip{background:#191919;border-radius:7px;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-bottom:7px;padding:5px 8px;font-size:10px;display:flex}.attachment-chip img{border-radius:2px;width:22px;height:18px}.attachment-chip button{background:0 0;padding:1px 5px}.drop-target{border:2px dashed #888;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:150px;margin-bottom:5px;font-size:25px;display:flex}.drop-target strong{font-size:13px;font-weight:400}.desktop-file-area{text-align:center;position:absolute;top:27%;right:10%}.desktop-file{background:0 0;border-radius:8px;width:125px;padding:8px}.desktop-file:hover{background:#ffffff15}.desktop-file img{background:#fff;border:3px solid #eee;border-radius:3px;width:90px;height:auto;margin:0 auto 9px;display:block;box-shadow:0 4px 12px #0005}.desktop-file span{color:#fff;text-shadow:0 1px 2px #0007;font-size:10px;font-weight:600}.desktop-file-area p{color:#fff;text-shadow:0 1px 2px #0007;font-size:10px;font-weight:600;line-height:1.6}.demo-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff30;border:1px solid #ffffff40;border-radius:12px;gap:7px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.demo-dock>span{color:#555;background:#ddd;border-radius:6px;place-items:center;width:28px;height:28px;font-size:23px;display:grid}.demo-dock img{width:25px;height:25px}.demo-instruction{text-align:center;color:#aaa;min-height:32px;margin:17px 0 0;font-size:11px;line-height:1.5}.interactive-demo .demo-caption{gap:0;margin:8px 0 0}.interactive-demo .step{background:0 0;font-size:10px}.interactive-demo .step.active{background:#2a2a2a}.demo-disclosure{text-align:center;color:#888;margin:10px 0 0;font-size:10px}@media (max-width:1100px){.live-widget.is-open{width:83%}.invoice-app{inset:15% 6% 14%}.invoice-paper{padding:7%}.interactive-demo .step{gap:4px;font-size:9px}}@media (max-width:760px){.demo-desktop{aspect-ratio:.94;min-height:460px}.live-widget.is-open{width:88%}.invoice-paper{font-size:10px}.close-tab{opacity:.8}.live-tab>button:first-child{min-height:30px}.live-controls button{width:31px;height:31px}}@media (prefers-reduced-motion:reduce){.live-widget,.live-content{transition:none!important}}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}@media (min-width:761px) and (max-width:1100px){.hero h1{font-size:clamp(32px,4.1vw,45px)}}@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}}.demo-desktop{aspect-ratio:auto;width:100%;height:clamp(440px,40vw,570px);min-height:0}@media (max-width:760px){.demo-desktop{height:470px}}.desktop-file{touch-action:none;-webkit-user-select:none;user-select:none}.drag-ghost{z-index:100;object-fit:cover;pointer-events:none;border:3px solid #fff;border-radius:4px;width:75px;height:56px;position:fixed;box-shadow:0 8px 20px #0008}.demo-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.demo-heading button:hover{color:#fff}.interactive-demo .wallpaper{background:url(/demo-wallpaper.jpg) 50%/cover no-repeat;inset:0}.interactive-demo .wallpaper:before,.interactive-demo .wallpaper:after{display:none}.interactive-demo .mac-bar{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#ffffff18}.notch-trigger{position:relative}.notch-camera{background:radial-gradient(circle at 40% 35%,#455571,#121925 65%);width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.demo-instruction{min-height:0;margin:12px 0}.demo-instruction:empty{display:none}.interactive-demo .demo-caption{margin-top:18px}.apple-icon{flex-shrink:0;display:block}.mac-left .apple-icon{width:11px;height:12px}.tour-drag-image{z-index:12;pointer-events:none;border:3px solid #fff;border-radius:4px;width:70px;animation:1.8s ease-in-out both demo-file-drag;position:absolute;box-shadow:0 6px 18px #0005}@keyframes demo-file-drag{0%{top:30%;left:70%;transform:rotate(-4deg)}to{top:150px;left:50%;transform:translate(-50%,-50%)scale(.6)rotate(0)}}.tour-progress{background:#242424;border-radius:2px;height:2px;margin:14px 12px 0;overflow:hidden}.tour-progress span{transform-origin:0;background:#777;width:100%;height:100%;animation:32s linear both demo-progress;display:block}@keyframes demo-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tour-drag-image{animation:none;top:150px;left:50%;transform:translate(-50%,-50%)scale(.6)}.tour-progress span{animation:none}}.live-widget:not(.is-open){box-shadow:none;filter:none}.live-widget:not(.is-open) .live-content{visibility:hidden}.demo-heading{min-height:32px}.interactive-demo .demo-heading .demo-caption{flex:1;min-width:0;margin:0}.demo-heading .tour-toggle{color:#ddd;background:#1a1a1a;border:1px solid #3b3b3b;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.demo-heading .tour-toggle:hover{background:#2b2b2b}.tour-paused .tour-progress span,.tour-paused .tour-drag-image{animation-play-state:paused}.demo-dock{border-radius:14px;gap:8px;padding:7px}.demo-dock>span{color:#fff;border-radius:9px;width:34px;height:34px;box-shadow:inset 0 1px 1px #ffffff70,0 2px 3px #0003}.demo-dock svg{stroke-width:1.8px;width:23px;height:23px}.demo-dock .dock-app-mail{background:linear-gradient(#50c5ff,#0879e5)}.demo-dock .dock-app-facetime{background:linear-gradient(#82e755,#23ba3e)}.demo-dock .dock-app-facetime svg{fill:#fff;stroke-width:1.4px}.demo-dock .dock-app-music{background:linear-gradient(#ff6682,#ec234b)}.demo-dock .dock-app-music svg{stroke-width:2.4px}.demo-heading{gap:10px;margin:18px 0 0}.interactive-demo .demo-heading .demo-caption{padding:6px}.interactive-demo .demo-heading .step{border-radius:30px;gap:7px;padding:12px 8px 17px;font-size:13px;position:relative}.demo-heading .step>svg{flex-shrink:0;width:17px;height:17px}.step-progress{background:#ffffff15;border-radius:2px;height:2px;position:absolute;bottom:7px;left:16px;right:16px;overflow:hidden}.step-progress>span{transform-origin:0;background:#bbb;width:100%;height:100%;display:block}@media (max-width:1100px){.interactive-demo .demo-heading .step{white-space:normal;font-size:12px;line-height:1.35}.demo-heading .step>svg{width:15px;height:15px}}.document-paper{color:#333;background:#fff;width:86%;min-height:calc(100% - 55px);margin:12px auto;padding:9%;box-shadow:0 1px 4px #0001}.document-label{letter-spacing:1.6px;color:#888;font-size:8px}.document-paper h2{letter-spacing:-.5px;margin:18px 0;font-size:22px;font-weight:500}.document-paper p{font-size:13px;line-height:1.9}.document-rule{background:#ccc;width:35px;height:1px;margin:26px 0 15px}.document-paper small{color:#888;font-size:9px}.live-reply .read-aloud{background:#292929;border-radius:15px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.read-aloud svg{width:15px;height:15px}.email-paper{color:#333;background:#fff;min-height:calc(100% - 30px);padding:6% 7%}.email-sender{align-items:center;gap:9px;display:flex}.sender-avatar{color:#526c9a;background:#e2eaff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.email-sender strong{font-size:12px;display:block}.email-sender small,.email-subject small{color:#888;font-size:9px;display:block}.email-sender time{color:#888;margin-left:auto;font-size:9px}.email-subject{border-bottom:1px solid #eee;padding:18px 0 12px}.email-subject h2{margin:0 0 5px;font-size:18px;font-weight:600}.email-paper>p{font-size:12px;line-height:1.7}.email-reply-hint{color:#999;border-top:1px solid #eee;padding-top:12px;font-size:10px}.previous-translation{color:#aaa;border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:5px}.previous-translation small{font-size:9px}.live-reply.has-image-result{max-height:230px}.image-result{color:#ddd;background:#eee;border:1px solid #444;border-radius:9px;width:140px;margin:8px 0;display:block;overflow:hidden}.image-result>img{object-fit:contain;width:100%;height:auto;display:block}.image-result>span{background:#252525;justify-content:space-between;padding:5px 8px;font-size:10px;display:flex}.desktop-file img,.attachment-chip img{object-fit:contain}.tour-drag-image,.drag-ghost,.attachment-chip img{background:#fff}