/* Gather Clipboard: one illustrative workflow, followed by real native screens. */
.gather-clipboard{padding-block:78px 66px;background:var(--surface);border-block:1px solid var(--line)}
.history-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:36px}.history-release{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:550;color:var(--green);margin-bottom:20px}.history-heading h2{font-size:clamp(39px,4.2vw,58px);line-height:1.08}.history-intro>p:first-child{font-size:16px;line-height:1.8;color:var(--muted);max-width:410px}.history-privacy{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:12px;color:var(--green);line-height:1.6}.history-privacy svg{width:16px;height:16px;flex-shrink:0}
.history-demo{background:var(--paper);border:1px solid var(--control-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.history-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;border-bottom:1px solid var(--line);font-size:12px}.history-demo-bar>span{display:flex;align-items:center;gap:9px;font-weight:550}.history-demo-bar svg{width:18px;height:18px;color:var(--green)}.history-demo-bar small{font-size:10px;color:var(--muted)}.history-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding-inline:24px;gap:24px}.history-step-list button{position:relative;display:flex;align-items:center;gap:12px;min-height:59px;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;text-align:left}.history-step-list button span{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.history-step-list button:hover{color:var(--green)}.history-step-list button[aria-pressed=true]{border-color:var(--green);color:var(--green)}.history-step-list button[aria-pressed=true] span{color:var(--green)}
.history-scene{min-height:373px;display:grid;align-items:center;padding:34px 38px}.history-scene-panel{width:min(100%,620px);margin-inline:auto;animation:history-scene-in .35s ease both}.history-scene-panel[hidden],.history-demo [hidden]{display:none!important}.history-scene-title{text-align:center}.history-scene h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.025em;line-height:1.2}.history-scene-title>p,.history-find-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px}.history-scene-icon{display:grid;place-items:center;margin:0 auto 18px;width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green)}.history-scene-icon svg{width:24px;height:24px}.history-setting{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding:22px 0;margin-top:25px}.history-setting strong{font-size:14px;font-weight:550;display:block}.history-setting div>span{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px}.history-toggle{padding:3px;border:1px solid var(--control-border);border-radius:100px;width:44px;height:27px;background:var(--frame);flex-shrink:0}.history-toggle>span{display:block;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:transform .2s}.history-toggle:hover{border-color:var(--green)}.history-toggle:hover>span{transform:translateX(15px);background:var(--green)}.history-scene-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px;text-align:center}.history-scene-note .status-dot{width:5px;height:5px}
.history-copy-list{margin-top:23px}.history-sample{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);animation:history-copy-in .5s both}.history-sample:nth-child(2){animation-delay:.3s}.history-sample:nth-child(3){animation-delay:.6s}.history-sample-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:var(--mint);border-radius:8px;color:var(--green)}.history-sample-icon svg{width:19px;height:19px}.history-sample>div{min-width:0}.history-sample strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.history-sample small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.history-sample-check{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:10px;color:var(--green)}.history-sample-check svg{width:14px;height:14px}
.history-find-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.history-find-heading>kbd{font-size:22px;padding:10px 14px;border-radius:9px;background:var(--surface);border-color:var(--control-border);box-shadow:0 2px 0 var(--line)}.history-demo-search{display:flex;align-items:center;gap:10px;border:1px solid var(--control-border);background:var(--surface);border-radius:9px;padding:0 13px;margin-top:22px;min-height:44px;color:var(--muted)}.history-demo-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.history-demo-search svg{width:17px;height:17px;flex-shrink:0}.history-demo-search input{border:0;outline:0;background:transparent;color:var(--ink);font:13px var(--sans);min-width:0;width:100%;height:43px}.history-demo-search input:focus-visible{outline:0}.history-demo-results{margin-top:10px;min-height:130px}.history-demo-results>button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:8px;text-align:left;min-height:65px}.history-demo-results>button:hover,.history-demo-results>button:focus-visible{background:var(--mint);border-color:var(--control-border)}.history-demo-results>button>svg{width:20px;height:20px;color:var(--green);flex-shrink:0}.history-demo-results strong{font-size:13px;font-weight:500;line-height:1.5;display:block}.history-demo-results small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.history-result-action{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--green);font-size:10px;flex-shrink:0}.history-result-action svg{width:14px;height:14px}.history-demo-empty{padding:22px 10px;font-size:13px;line-height:1.7;color:var(--muted)}
.history-ready{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;margin-bottom:14px}.history-ready svg{width:15px;height:15px}.history-draft{padding:17px 20px;border-left:2px solid var(--green);background:var(--surface);margin-top:23px;min-height:97px}.history-draft small{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.history-draft small span{font-size:9px}.history-draft p,.history-draft>span{display:block;margin-top:15px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.history-draft>span{color:var(--muted)}.history-demo:not([data-pasted=true]) [data-history-pasted-text],.history-demo[data-pasted=true] [data-history-placeholder]{display:none}.history-demo[data-pasted=true] [data-history-pasted-text]{animation:history-scene-in .3s both}.history-paste{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;min-height:42px;padding:9px 17px;border-radius:8px;background:var(--green);color:var(--on-accent);font-size:12px}.history-paste kbd{border-color:currentColor;font-size:10px;opacity:.9}.history-paste:hover{background:var(--accent-hover)}.history-paste:disabled{background:var(--mint);color:var(--green);cursor:default}
.history-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-top:1px solid var(--line);min-height:63px}.history-demo-footer p{font-size:11px;color:var(--muted);line-height:1.6}.history-demo-footer>div{display:flex;gap:15px;flex-shrink:0}.history-demo-footer button{display:flex;align-items:center;gap:8px;min-height:42px;background:transparent;color:var(--green);font-size:12px}.history-demo-footer button:hover{text-decoration:underline;text-underline-offset:4px}.history-demo-footer button:disabled{color:var(--muted);text-decoration:none;cursor:default}.history-demo-footer button span{font-size:18px}
.history-details{display:grid;grid-template-columns:1fr 1fr auto;gap:48px;align-items:start;padding-block:32px 44px;border-bottom:1px solid var(--line)}.history-details h3{font-size:15px;font-weight:550}.history-details p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:11px;max-width:410px}.history-details>a{font-size:12px;min-height:44px;white-space:nowrap}.history-native{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:46px;align-items:center;margin-top:48px}.history-native h3{font:400 33px/1.12 var(--serif);letter-spacing:-.025em;margin-top:16px}.history-native-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);margin-top:16px}.history-flyout-shot{background:transparent!important;border:0!important;margin-top:20px;max-width:280px;margin-inline:auto;overflow:visible!important}.history-flyout-shot img{width:100%;height:auto;filter:drop-shadow(0 7px 10px #19212520)}.history-library-shot{min-width:0;margin:0}.history-library-shot .screenshot-button{border:1px solid var(--control-border);border-radius:11px;box-shadow:var(--image-shadow)}.history-library-shot img{width:100%;height:auto}.history-library-shot figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.hero-clipboard-release{display:inline-flex;gap:7px;align-items:center;font-size:11px;line-height:1.7;color:var(--green);margin-top:16px;min-height:36px}.hero-clipboard-release svg{width:14px;height:14px}.hero-clipboard-release:hover{text-decoration:underline;text-underline-offset:4px}.page-features .gather-clipboard{margin-top:0;margin-bottom:45px}
@keyframes history-scene-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes history-copy-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1050px){.history-heading{gap:38px}.history-intro>p:first-child{font-size:14px}.history-details{grid-template-columns:1fr 1fr;gap:20px 38px}.history-details>a{grid-column:1/-1;justify-self:start}.history-native{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.history-native h3{font-size:30px}}
@media(max-width:780px){.gather-clipboard{padding-block:46px 40px}.history-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.history-heading h2{font-size:44px}.history-release{margin-bottom:17px}.history-intro>p:first-child{max-width:560px;font-size:15px}.history-privacy{margin-top:14px}.history-demo-bar{padding:14px 18px}.history-step-list{padding-inline:18px;gap:17px}.history-step-list button{gap:8px;font-size:12px;min-height:54px}.history-scene{min-height:384px;padding:28px 22px}.history-details{padding-block:27px 32px;gap:25px}.history-native{grid-template-columns:1fr;margin-top:32px;gap:26px}.history-native-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.history-native-copy>.eyebrow,.history-native-copy>h3,.history-native-copy>p{grid-column:1}.history-native-copy>.history-flyout-shot{grid-column:2;grid-row:1/5;margin-top:0;align-self:center;width:100%;max-width:240px}.history-native-copy>p:not(.eyebrow){max-width:370px}.history-library-shot{width:100%}.history-native h3{font-size:33px}}
@media(max-width:480px){.gather-clipboard{padding-block:38px 34px}.history-heading h2{font-size:38px}.history-release{font-size:10px}.history-intro>p:first-child{font-size:14px}.history-privacy{font-size:11px}.history-demo{border-radius:12px}.history-demo-bar{padding:13px 14px;align-items:flex-start;flex-direction:column;gap:6px}.history-demo-bar small{padding-left:27px;font-size:9px}.history-step-list{padding-inline:14px;gap:10px}.history-step-list button{display:block;font-size:11px;line-height:1.5;padding-block:11px;min-height:63px}.history-step-list button span{display:block;font-size:9px;margin-bottom:3px}.history-scene{padding:25px 16px;min-height:385px}.history-scene h3{font-size:26px}.history-scene-title>p,.history-find-heading p{font-size:12px}.history-setting{gap:12px;margin-top:20px;padding:18px 0}.history-setting strong{font-size:13px}.history-setting div>span{font-size:11px}.history-scene-note{font-size:10px;margin-top:16px}.history-sample{gap:10px}.history-sample strong{font-size:11px}.history-sample small{font-size:10px}.history-sample-check>span{display:none}.history-sample-icon{width:29px;height:29px}.history-sample-icon svg{width:17px;height:17px}.history-find-heading{align-items:flex-start;gap:12px}.history-find-heading>kbd{font-size:15px;padding:8px 9px}.history-find-heading h3{max-width:170px;font-size:25px}.history-demo-search{padding-inline:10px;margin-top:18px}.history-demo-search input{font-size:12px}.history-demo-results>button{padding:10px 8px;gap:9px}.history-demo-results strong{font-size:11px}.history-result-action{font-size:9px;gap:3px}.history-result-action svg{width:12px}.history-draft{padding:15px;min-height:99px}.history-draft p,.history-draft>span{font-size:12px}.history-demo-footer{padding:9px 14px;align-items:center;gap:10px}.history-demo-footer p{font-size:10px;max-width:150px}.history-demo-footer>div{gap:12px}.history-demo-footer button{font-size:11px}.history-details{grid-template-columns:1fr;gap:23px}.history-details p{font-size:13px;margin-top:8px}.history-details>a{margin-top:-7px}.history-native-copy{display:block}.history-native-copy>.history-flyout-shot{margin-top:23px;max-width:260px}.history-native h3{font-size:32px}.history-native-copy>p:not(.eyebrow){font-size:13px}.history-native{gap:25px}.history-library-shot figcaption{font-size:9px}.hero-clipboard-release{font-size:10px}}
@media(prefers-reduced-motion:reduce){.history-scene-panel,.history-sample,.history-demo[data-pasted=true] [data-history-pasted-text]{animation:none}.history-toggle>span{transition:none}}
@media(hover:none){.history-native .zoom-hint{opacity:1;transform:none}}
