.hero h1.paste-title{font-size:clamp(52px,6vw,86px);line-height:.98}.paste-desktop{aspect-ratio:16/10;position:relative;overflow:hidden;background:linear-gradient(140deg,#1d2d40,#426077);container-type:inline-size}.paste-document{position:absolute;left:7%;top:20%;width:51%;padding:4%;background:#edebe6;color:#242d25}.paste-document>span{font:1.5cqw 'IBM Plex Mono',monospace}.paste-document h3{font-size:3.5cqw;line-height:1.1;margin:6% 0}.paste-document p{font-size:2cqw;line-height:1.6}.paste-result{background:#52644422;animation:pasteResult 12s infinite}.paste-panel{position:absolute;right:6%;top:15%;width:40%;background:#151c18;color:#edebe6;border-radius:12px;padding:2%;box-shadow:0 12px 32px #0004;animation:pastePanel 12s infinite}.paste-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:2cqw;margin-bottom:5%}.paste-panel-title>span{font-size:1.3cqw;color:#bdc6b7}.paste-search{background:#ffffff0d;border-radius:6px;padding:5%;font-size:2cqw}.paste-search span{animation:pasteSearch 12s infinite}.paste-item{padding:6% 4%;border-bottom:1px solid #ffffff12;font-size:1.8cqw}.paste-item>span{display:block;font-size:1.4cqw;color:#bbc6b5;margin-top:3%}.paste-selected{animation:pasteSelect 12s infinite}.paste-panel-footer{font-size:1.3cqw;padding:5% 0 0;color:#bbc6b5}.paste-other{animation:pasteOther 12s infinite}.paste-toast{position:absolute;bottom:7%;left:25%;padding:1.5% 3%;border-radius:6px;background:#edebe6;color:#26342a;font-size:2cqw;animation:pasteToast 12s infinite}.paste-demo figcaption{font-size:16px}.paste-distribution{font-size:15px;color:#c3cbbf;line-height:1.6;max-width:720px}.paste-demo.paused *,.paste-demo.scene-offscreen *{animation-play-state:paused!important}.paste-demo.static-demo *{animation:none!important}.paste-demo.static-demo .paste-other{display:none}.paste-demo.static-demo .paste-result{opacity:1}.paste-demo.static-demo .paste-selected{background:#526444}.paste-demo.static-demo .paste-toast{opacity:1}@keyframes pasteSearch{0%,15%,95%,100%{opacity:0}25%,90%{opacity:1}}@keyframes pasteOther{0%,20%,95%,100%{opacity:1}30%,90%{opacity:.2}}@keyframes pasteSelect{0%,35%,95%,100%{background:transparent}42%,90%{background:#526444}}@keyframes pastePanel{0%,60%,95%,100%{opacity:1;transform:translateY(0)}68%,89%{opacity:0;transform:translateY(8px)}}@keyframes pasteResult{0%,65%,95%,100%{opacity:0}72%,90%{opacity:1}}@keyframes pasteToast{0%,53%,92%,100%{opacity:0}60%,86%{opacity:1}}@media(max-width:800px){.hero h1.paste-title{font-size:clamp(44px,10vw,68px)}.paste-desktop{aspect-ratio:4/3}.paste-document{left:5%;top:18%;width:65%;padding:5%}.paste-document>span{font-size:2.4cqw}.paste-document h3{font-size:4.5cqw}.paste-document p{font-size:3cqw}.paste-panel{right:5%;top:25%;width:65%;padding:4%}.paste-panel-title{font-size:3.5cqw}.paste-panel-title>span{font-size:2.5cqw}.paste-search{font-size:3.5cqw}.paste-item{font-size:3.1cqw;padding:5% 4%}.paste-item>span,.paste-panel-footer{font-size:2.6cqw}.paste-toast{font-size:3cqw;left:13%;bottom:3%}}@media(prefers-reduced-motion:reduce){.paste-demo *{animation:none!important}.paste-demo .paste-other{display:none}.paste-demo .paste-result,.paste-demo .paste-toast{opacity:1}.paste-demo .paste-selected{background:#526444}}
@media(max-width:800px){.paste-panel{top:18%;padding:3%;width:65%}.paste-other{display:none}.paste-panel-title{margin-bottom:4%}.paste-item{padding:5% 4%}.paste-panel-footer{line-height:1.5}.paste-toast{bottom:4%}}