/* The photograph and traced physical keys share one immutable 1536 × 1024 plane. */
.ed-section{max-width:1196px;margin:100px auto 0;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.7fr);align-items:center;gap:36px;padding:32px 0 0;scroll-margin-top:25px}
.ed-copy{padding-left:0}.ed-copy h2{font-size:clamp(35px,3.4vw,44px);line-height:1.1;max-width:none}.ed-copy>p{font-size:14px;line-height:1.8;color:#717987;margin-top:25px;max-width:30ch}.ed-current{margin-top:34px;min-height:106px;max-width:30ch}.ed-current>span{font-size:30px;letter-spacing:.04em;font-weight:500;color:#7280a6;display:block}.ed-current p{font-size:12px;line-height:1.75;color:#777f8f;margin-top:12px}.ed-detail{display:inline-block;background:none;color:#65728e;font-size:11px;padding:0;border-bottom:1px solid #bac2d3;padding-bottom:4px;margin-top:13px}.ed-tour{position:relative;min-width:0;border-radius:20px;outline-offset:7px}.ed-stage{position:relative;width:100%;max-width:710px;margin-inline:auto;aspect-ratio:3/2;isolation:isolate;overflow:hidden}.ed-coordinates{position:absolute;top:0;left:0;width:1536px;height:1024px;transform:scale(var(--ed-scale,.5));transform-origin:0 0}.ed-laptop{position:absolute;inset:0;width:1536px;max-width:none;height:1024px;pointer-events:none;user-select:none}.ed-screen{position:absolute;left:0;top:0;width:1000px;height:700px;transform-origin:0 0;overflow:hidden;isolation:isolate;pointer-events:none;font-family:Onest,system-ui,sans-serif}.ed-camera-seal{position:absolute;left:434px;top:-4px;width:144px;height:36px;background:#000;border-radius:0 0 10px 10px;z-index:2}.ed-panel{position:absolute;left:307.6px;top:-2px;width:620px;height:380px;transform:scale(.64);transform-origin:0 0;z-index:3;visibility:hidden;opacity:0;clip-path:inset(0 210px calc(100% - 28px) 210px);transition:clip-path 300ms cubic-bezier(.23,1,.32,1),opacity 160ms ease,visibility 300ms}.ed-tour[data-open=true] .ed-panel{visibility:visible;opacity:1;clip-path:inset(0 -11px -11px -11px)}.ed-panel .dc-pocket{width:620px;height:380px;border-radius:0 0 29px 29px;--pane-height:286px;box-shadow:0 8px 18px #27334128}.ed-panel .dc-pocket-cap>span{font-size:10px;color:#9a8baa}.ed-panel .dc-pocket-cap>canvas{width:72px!important;height:30px!important}.ed-panel .dc-pocket-cap{padding:0 24px}.ed-panel .dc-native-host{height:286px!important}.ed-panel .dc-pane{height:286px!important}.ed-panel .dc-nav-viewport{height:55px}.ed-panel .dc-nav-track{scroll-behavior:auto}.ed-panel .dc-nav-track button{pointer-events:none}.ed-desktop{position:absolute;inset:0;z-index:1;opacity:0}.ed-tour:is([data-scene=copy],[data-scene=paste],[data-scene=cut],[data-scene=capture],[data-scene=tab]) .ed-desktop{opacity:1}.ed-window{position:absolute;left:115px;top:294px;width:770px;height:350px;border-radius:15px;background:#f9fbfd;box-shadow:0 18px 35px #19333e30;border:1px solid #fff9;overflow:hidden;color:#28313e}.ed-titlebar{height:38px;display:flex;align-items:center;gap:7px;background:#eef1f5;border-bottom:1px solid #dce1e9;padding:0 15px;position:relative}.ed-titlebar i{width:10px;height:10px;border-radius:50%;background:#f07b79}.ed-titlebar i:nth-child(2){background:#eac076}.ed-titlebar i:nth-child(3){background:#8ebba6}.ed-titlebar>span{position:absolute;left:120px;right:120px;text-align:center;font-size:12px;color:#7a8191}.ed-address{height:37px;line-height:37px;text-align:center;background:#fff;font-size:12px;color:#7a8495;border-bottom:1px solid #e4e8ee}.ed-address>span{position:absolute;right:22px}.ed-page{padding:28px 32px;position:relative}.ed-page>small{font-size:10px;letter-spacing:.08em;color:#6c7a94}.ed-page>h3{font-size:35px;line-height:1.1;letter-spacing:-.04em;margin:13px 0 10px;font-weight:600;color:#28313e}.ed-page>p{font-size:14px;color:#738094;margin:9px 0 20px}.ed-selected-url{position:relative;z-index:1;display:inline-block;font-size:17px;padding:4px 7px;margin-left:-7px;color:#5f7ca9;background:linear-gradient(#9dbbe65e,#9dbbe65e) 0 0/calc(var(--ed-selection,0)*100%) 100% no-repeat;border-radius:3px}.ed-page>img{position:absolute;width:215px;height:215px;object-fit:contain;right:18px;top:14px}.ed-destination{display:none}.ed-tour:is([data-scene=paste],[data-scene=tab]) .ed-destination{display:block}.ed-tour:is([data-scene=paste],[data-scene=tab],[data-scene=cut]) .ed-source{display:none}.ed-recipient{padding:17px 25px;border-bottom:1px solid #e2e7ee;font-size:13px;color:#818b9d}.ed-recipient>b{font-weight:500;color:#53647b;margin-left:13px;background:#e3e9f1;border-radius:5px;padding:4px 10px}.ed-message{padding:24px 30px}.ed-message>small{font-size:19px;font-weight:600;color:#28313e}.ed-message>p{font-size:17px;margin:22px 0 13px}.ed-pasted-url{font-size:19px;color:#5e7eae;display:inline-block;clip-path:inset(0 calc((1 - var(--ed-paste,0))*100%) 0 0)}.ed-caret{display:inline-block;width:1.5px;height:21px;background:#718eb9;vertical-align:middle;margin-left:3px;opacity:var(--ed-caret,1)}.ed-send{position:absolute;bottom:22px;right:24px;background:#e2e6f0;padding:9px 15px;border-radius:8px;font-size:12px;opacity:var(--ed-paste,0)}.ed-cut-source{display:none}.ed-tour[data-scene=cut] .ed-cut-source{display:block}.ed-cut-source .ed-page{padding-top:32px}.ed-cut-line{position:relative;font-size:20px;line-height:1.7;color:#344054;opacity:calc(1 - var(--ed-cut,0));background:linear-gradient(#9dbbe65e,#9dbbe65e) 0 0/calc(var(--ed-selection,0)*100%) 100% no-repeat}.ed-cut-blank{font-size:20px;color:#738094;opacity:var(--ed-cut,0);position:absolute;left:32px;top:113px}.ed-cut-source .ed-page>small{display:block;margin-top:45px}.ed-capture-area{position:absolute;left:142px;top:384px;width:710px;height:216px;border:2px solid #fff;box-shadow:0 0 0 1px #173a4580,0 0 0 1100px #16333c26;transform-origin:0 0;transform:scale(var(--ed-capture,0));opacity:var(--ed-capture-opacity,0)}.ed-capture-area>span{position:absolute;bottom:8px;left:8px;border-radius:4px;padding:5px 7px;background:#2e3a55b3;color:#fff;font-size:12px}.ed-shot{position:absolute;left:0;top:0;width:170px;height:104px;padding:5px;border-radius:9px;background:#f9fafc;box-shadow:0 6px 18px #001a2244;transform-origin:0 0;transform:translate(var(--ed-shot-x,750px),var(--ed-shot-y,555px)) scale(var(--ed-shot-scale,1));opacity:var(--ed-shot-opacity,0)}.ed-shot-art{position:relative;background:#edf0f6;height:72px;border-radius:5px;overflow:hidden}.ed-shot-art>img{position:absolute;right:3px;top:0;width:75px;height:75px;object-fit:contain}.ed-shot-art>b{display:block;max-width:80px;padding:22px 7px;font-size:12px;line-height:1.2;color:#485670}.ed-shot>small{font-size:10px;display:block;text-align:center;color:#738094;padding-top:5px}.ed-transfer{position:absolute;left:0;top:0;font-size:14px;font-weight:500;background:#edf0f8f5;color:#57688a;border:1px solid #fff;border-radius:7px;box-shadow:0 5px 15px #173e3830;padding:10px 13px;transform:translate(var(--ed-fly-x,160px),var(--ed-fly-y,553px)) scale(var(--ed-fly-scale,1));transform-origin:0 0;opacity:var(--ed-fly-opacity,0);white-space:nowrap}.ed-pointer{position:absolute;left:0;top:0;width:23px;height:31px;filter:drop-shadow(0 2px 2px #0005);transform:translate(var(--ed-pointer-x,300px),var(--ed-pointer-y,540px));opacity:var(--ed-pointer-opacity,0)}.ed-tour[data-scene=tab][data-tab-focus=recipient] .ed-recipient>b,.ed-tour[data-scene=tab][data-tab-focus=message] .ed-message,.ed-tour[data-scene=tab][data-tab-focus=send] .ed-send{outline:3px solid #829dd0;outline-offset:3px;box-shadow:0 0 0 5px #a4bcdf22}.ed-tour[data-tab-focus=message] .ed-message{outline-offset:-12px!important;border-radius:15px}.ed-keyboard{position:absolute;inset:0;width:1536px;height:1024px;z-index:5;pointer-events:none;overflow:hidden}.ed-keyboard path{fill:transparent;stroke:transparent;stroke-width:1.5;pointer-events:all;cursor:pointer;stroke-linejoin:round;stroke-linecap:round;transition:fill 120ms,stroke 120ms,filter 120ms}.ed-keyboard path.is-held{fill:#c2d6ff72;stroke:#dce8ff;filter:drop-shadow(0 0 4px #bed3ff) drop-shadow(0 0 8px #aec5ff)}.ed-compact{position:absolute;left:336px;top:-2px;width:340px;height:47px;border-radius:0 0 13px 13px;background:#000;z-index:4;color:#d0c3e2;display:grid;grid-template-columns:24px 90px 1fr;align-items:center;padding:0 13px;opacity:0;isolation:isolate}.ed-compact>[data-ed-cue-symbol]{font-size:19px}.ed-compact>[data-ed-cue-label]{font-size:10px}.ed-compact>b{font-size:14px;font-weight:500;text-align:right;min-width:110px;padding-left:130px}.ed-cue-level{height:2px;position:absolute;left:15px;right:15px;bottom:5px;background:#2c2338;border-radius:2px;overflow:hidden}.ed-cue-level i{display:block;height:100%;width:82%;background:currentColor}.ed-power-menu{position:absolute;right:26px;top:13px;color:#596b87;font-size:12px;z-index:1;white-space:nowrap}.ed-power-menu[hidden]{display:none}.ed-neon{position:absolute;left:0;top:0;width:1000px;height:430px;z-index:6;overflow:hidden;fill:none;pointer-events:none;opacity:0;stroke-linecap:round;stroke-linejoin:round}.ed-neon-halo{stroke-width:7px;filter:blur(3px);opacity:.5}.ed-neon-core{stroke-width:2px}.ed-timeline{display:flex;align-items:center;width:64%;height:18px;margin:0 auto 9px}.ed-timeline input{appearance:none;-webkit-appearance:none;width:100%;height:3px;border-radius:3px;background:#d8ddeb;cursor:ew-resize;margin:0;accent-color:#8996b5}.ed-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:#8b98b9;border-radius:50%;box-shadow:0 0 0 4px #b2bfd51a}.ed-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;border:1px solid #e0e3ec;background:#fff9;padding:6px;border-radius:21px}.ed-choices button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.5;min-height:40px;background:transparent;color:#7b859a;border-radius:15px;padding:9px 7px;white-space:nowrap}.ed-choices button[aria-pressed=true]{background:#dce1f0;color:#3e4d72}.ed-choices kbd{font-family:inherit;font-size:9px;border:1px solid #aeb8cc;border-radius:5px;padding:3px 4px;min-width:23px}.ed-choices .is-held kbd{background:#8397be;color:#fff;border-color:#a4b8dc}.ed-playback{display:flex;justify-content:center;gap:7px;margin:11px auto 0;flex-wrap:wrap}.ed-playback button{background:transparent;border:1px solid #dce1ec;border-radius:14px;min-height:37px;font-size:10px;color:#7c879e;padding:9px 12px}.ed-playback [data-ed-play][aria-pressed=true],.ed-playback [data-ed-keyboard][aria-pressed=true]{background:#dce1f0;border-color:#dce1f0;color:#445474}.ed-caption{text-align:center;font-size:11px;line-height:1.6;color:#6d7890;min-height:18px;margin-top:13px}.ed-keyboard-note{text-align:center;font-size:9px;line-height:1.6;color:#9099aa;margin-top:4px}.ed-tour input:focus-visible,.ed-tour button:focus-visible{outline:2px solid #8191b5;outline-offset:4px}
@media(max-width:1240px){.ed-section{margin-left:35px;margin-right:35px;gap:22px}.ed-copy h2{font-size:41px}.ed-copy>p{font-size:12px}.ed-choices{gap:3px;padding:5px}.ed-choices button{font-size:9px;padding:9px 5px;gap:4px}.ed-choices kbd{font-size:8px;min-width:20px}}
@media(max-width:840px){.ed-section{display:block;margin-top:75px;padding-top:0}.ed-copy h2{font-size:46px;max-width:17ch}.ed-copy>p{max-width:45ch}.ed-copy{display:grid;grid-template-columns:1.2fr 1fr;column-gap:28px;align-items:center}.ed-copy h2,.ed-copy>p{grid-column:1}.ed-copy>p{margin-top:18px}.ed-current{grid-column:2;grid-row:1/span 2;margin:0;min-height:0}.ed-detail{grid-column:1/-1;justify-self:start;margin-top:20px}.ed-tour{margin-top:25px}.ed-stage{max-width:720px;margin:auto}.ed-choices button{font-size:11px;gap:7px}.ed-choices kbd{font-size:9px}}
@media(max-width:520px){.ed-section{margin:65px 17px 0}.ed-copy{display:block;padding-inline:5px}.ed-copy h2{font-size:38px}.ed-copy>p{font-size:12px;max-width:32ch}.ed-current{margin-top:25px;min-height:90px;display:flex;align-items:start;gap:17px;max-width:none}.ed-current>span{font-size:24px;white-space:nowrap}.ed-current p{margin:0;font-size:11px}.ed-detail{margin-top:9px;font-size:10px}.ed-tour{margin-top:22px}.ed-choices{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;gap:4px}.ed-choices button{font-size:11px;padding:10px 8px;min-height:42px}.ed-choices kbd{font-size:10px}.ed-playback button{font-size:10px;min-height:40px}.ed-caption{font-size:10px;margin-top:13px}.ed-keyboard-note{font-size:8px}.ed-timeline{width:76%;margin-top:5px}}
@media(hover:hover) and (pointer:fine){.ed-choices button:hover{background:#e5e9f3;color:#536383}.ed-playback button:hover{background:#e7ebf4}.ed-detail:hover{color:#394f7e}}
@media(prefers-reduced-motion:reduce){.ed-section *{animation:none!important;transition:none!important}.ed-timeline,[data-ed-play]{display:none!important}}

.ed-shoulders{position:absolute;left:-10px;top:0;width:640px;height:10px;overflow:visible;pointer-events:none}