:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223048;background:#f7f8fc;font-synthesis:none;--blue:#315de4;--line:#e4e8f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.drop,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;padding:11px 16px;color:inherit}button:hover{border-color:#9baee0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}header,footer{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 30px}.brand{display:flex;align-items:center;font-weight:750;font-size:23px;letter-spacing:-.8px}.brand span{font-weight:450}.brand svg{width:35px;height:35px;margin-right:10px}select{background:white;border:1px solid var(--line);padding:9px 12px;border-radius:9px;color:#4e5d74;max-width:170px}main{max-width:1120px;margin:auto;padding:20px 24px 60px}.intro{text-align:center;padding:23px 0 40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#6c7c99}.intro h1{font-size:clamp(32px,5vw,52px);letter-spacing:-1.8px;line-height:1.2;margin:18px 0}.intro>p:not(.eyebrow){font-size:17px;color:#6a7486;line-height:1.7;margin:0 0 20px}.private{font-size:12px;color:#367564;background:#eaf3ef;border-radius:20px;padding:8px 14px;display:inline-block}.workspace{background:white;border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:0 12px 40px #23396105}.toolbar,.actions,.result-head,.result-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center}.tabs{display:flex;background:#f1f3f8;border-radius:9px;padding:4px;gap:3px}.tabs button{border:0;background:transparent;font-size:13px;padding:9px 14px}.tabs button.active{background:white;box-shadow:0 1px 5px #22304815;color:var(--blue)}.text-button{border:0;background:transparent;color:#60718d;font-size:13px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.input-panel{min-width:0}.input-panel h2{font-size:14px;font-weight:600;margin:0 0 14px}.number{font-size:11px;color:#8a98b1;margin-right:9px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border:1.5px dashed #ccd5e6;border-radius:12px;background:#fafbfe;padding:20px;cursor:pointer;position:relative;text-align:center;gap:7px}.drop:hover,.drop.dragging{background:#f0f4ff;border-color:var(--blue)}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop:focus-within{outline:3px solid #9fb4fa}.drop strong{font-size:14px;color:#315de4}.drop>span:not(.file-icon){font-size:12px;color:#8590a2}.file-icon{display:block;font-size:30px;margin-bottom:10px;color:#7892d6}.filename{font-size:11px;color:#718098;overflow-wrap:anywhere;max-width:100%}textarea{width:100%;height:220px;border:1px solid var(--line);border-radius:12px;padding:18px;line-height:1.6;resize:vertical}.check{font-size:12px;color:#657189;display:flex;gap:7px;align-items:center}.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:600;padding:13px 22px}.actions{padding-top:6px}.actions>div{display:flex;align-items:center;gap:8px}#error{background:#fff0ef;color:#a63832;padding:14px;border-radius:9px;font-size:14px}#results{margin-top:42px;scroll-margin-top:22px}.result-head h2{font-size:26px;margin:8px 0;letter-spacing:-.5px}.result-head .eyebrow{margin:0}.result-head button{font-size:12px}#report-meta{font-size:11px;color:#7b879a;overflow-wrap:anywhere}.result-toolbar{flex-wrap:wrap;margin:23px 0 12px}.legend{display:flex;gap:14px;font-size:12px}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.legend .added:before{background:#24a585}.legend .removed:before{background:#dd7579}.change-nav{display:flex;align-items:center;gap:8px}.change-nav button{font-size:11px;padding:8px}.change-nav span{font-size:11px}.output{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto}.output ins{background:#def4e9;color:#175f47;text-decoration:underline;text-decoration-color:#319870;text-underline-offset:3px}.output del{background:#ffe8e9;color:#99393f}.output .current{outline:2px solid #315de4;outline-offset:2px}.output.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.split>div{min-width:0}.split h3{position:sticky;top:-28px;background:white;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:10px}.notice,.disclaimer{font-size:12px;color:#768195;line-height:1.7}.notice{background:#fff5dc;color:#756033;padding:14px;border-radius:8px}.explain{margin:32px auto 0;max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.explain details{border-top:1px solid var(--line);padding-top:18px;font-size:13px;line-height:1.8}.explain summary{cursor:pointer;font-weight:600}.explain p{color:#718097}footer{border-top:1px solid var(--line);font-size:11px;color:#8490a4;gap:18px}footer .brand{font-size:15px;color:#637088}[hidden]{display:none!important}:focus-visible{outline:3px solid #9fb4fa;outline-offset:3px}@media(max-width:650px){header{padding:22px 20px}.brand{font-size:19px}.brand svg{width:28px;height:28px}select{font-size:12px;max-width:120px}main{padding:0 16px 40px}.intro{padding:22px 0 30px}.intro h1{font-size:34px}.intro>p:not(.eyebrow){font-size:14px}.workspace{padding:16px}.toolbar{gap:4px}.toolbar .text-button{font-size:11px;padding:8px}.tabs button{font-size:12px;padding:8px 10px}.inputs{grid-template-columns:1fr;gap:20px}.drop{min-height:155px}.actions{align-items:stretch;flex-direction:column}.actions>div{justify-content:flex-end}.output{padding:16px;font-size:14px}.output.split{grid-template-columns:1fr}.explain{grid-template-columns:1fr;gap:15px}footer{flex-wrap:wrap;padding:24px}.change-nav{width:100%;justify-content:flex-end}}@media print{header,footer,.intro,.workspace,.explain,.result-toolbar,.result-head button{display:none!important}body{background:white}main{padding:0;max-width:none}#results{margin:0}.output{max-height:none;overflow:visible;border:0;padding:0;font-size:10pt}.output.split{display:block}.output ins,.output del{print-color-adjust:exact;-webkit-print-color-adjust:exact}.output .current{outline:none}.disclaimer{font-size:8pt}#report-meta{font-size:9pt}}

/* Decorative, isolated demonstration; these are not upload targets. */
.motion-demo{max-width:820px;margin:0 auto 28px;padding:17px 24px 20px;border:1px solid #dce7f7;border-radius:18px;background:linear-gradient(120deg,#f0f6ff,#fafdff);overflow:hidden}
.motion-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion-head p{margin:0;color:#47648c;font-size:12px;font-weight:650}.motion-head button{padding:5px 0;font-size:11px;min-height:32px}.motion-description{font-size:12px;color:#65758b;line-height:1.6;margin:1px 0 14px}.motion-scene{display:grid;grid-template-columns:1fr 1fr .8fr 1.4fr;gap:15px;align-items:center;pointer-events:none;user-select:none}.motion-source,.motion-result{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px}.motion-source>span,.motion-result>span{font-size:11px;color:#526782;text-align:center;line-height:1.4;min-height:2.8em;max-width:100%;overflow-wrap:anywhere}.motion-slot{width:100%;max-width:130px;height:106px;border:1px dashed #bdcee9;border-radius:12px;display:grid;place-items:center;background:#e8f0fd80}.motion-card{position:relative;background:white;width:65px;height:84px;border:1px solid #cddcf1;border-radius:7px;padding:9px 10px;box-shadow:0 5px 12px #315de414;transform:translate(0,0)}.motion-file{display:inline-grid;place-items:center;width:18px;height:18px;background:#315de4;color:white;border-radius:4px;font-size:11px;font-weight:700}.motion-card strong{font-size:8px;display:block;color:#526b91;margin:5px 0}.motion-card i,.motion-paper>i{height:3px;border-radius:5px;background:#dbe4f1;display:block;margin:5px 0}.motion-card i:last-of-type{width:64%}.motion-pointer{position:absolute;width:22px;height:26px;inset-inline-end:-13px;bottom:9px;opacity:0}.motion-connector{text-align:center;color:#5577b4;padding-bottom:35px}.motion-connector>span{font-size:29px;display:block}.motion-connector small{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.motion-paper{width:100%;max-width:190px;height:106px;border:1px solid #ccdaf0;border-radius:10px;background:#fff;padding:13px 15px;box-shadow:0 5px 14px #315de40a}.motion-paper>i{width:80%}.motion-paper>i:nth-of-type(2){width:58%}.motion-edit{display:flex;gap:7px;margin:8px 0;direction:ltr}.motion-edit del,.motion-edit ins{padding:2px 9px;font-size:15px;font-weight:650;border-radius:4px}.motion-edit del{background:#ffe8e9;color:#99393f}.motion-edit ins{background:#def4e9;color:#175f47;text-decoration:underline;text-underline-offset:3px}.motion-result-legend{display:flex;gap:8px;font-size:8px;line-height:1.3}.motion-result-legend span:first-child{color:#99393f}.motion-result-legend span:last-child{color:#175f47}
.motion-demo.is-playing .motion-first .motion-card{animation:motion-drop-first 4.8s both}.motion-demo.is-playing .motion-second .motion-card{animation:motion-drop-second 4.8s both}.motion-demo.is-playing .motion-first .motion-pointer{animation:motion-pointer-first 4.8s both}.motion-demo.is-playing .motion-second .motion-pointer{animation:motion-pointer-second 4.8s both}.motion-demo.is-playing .motion-edit,.motion-demo.is-playing .motion-result-legend{animation:motion-reveal 4.8s both}.motion-demo.is-playing .motion-connector{animation:motion-compare 4.8s both}.motion-demo.is-paused *{animation-play-state:paused!important}
@keyframes motion-drop-first{0%,5%{transform:translate(-18px,-16px) rotate(-9deg);opacity:0}13%{opacity:1}30%,100%{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes motion-drop-second{0%,22%{transform:translate(18px,-16px) rotate(9deg);opacity:0}30%{opacity:1}48%,100%{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes motion-pointer-first{0%,7%{opacity:0}13%,25%{opacity:1}33%,100%{opacity:0}}
@keyframes motion-pointer-second{0%,25%{opacity:0}31%,43%{opacity:1}51%,100%{opacity:0}}
@keyframes motion-compare{0%,46%{opacity:.3}58%,100%{opacity:1}}
@keyframes motion-reveal{0%,58%{opacity:0;transform:translateY(5px)}76%,100%{opacity:1;transform:translateY(0)}}
[dir=rtl] .motion-connector>span{transform:scaleX(-1)}
@media(max-width:650px){.motion-demo{padding:12px 14px 14px;margin-bottom:20px}.motion-scene{gap:8px;grid-template-columns:1fr 1fr .4fr 1.35fr}.motion-slot,.motion-paper{height:88px}.motion-card{width:52px;height:69px;padding:6px 8px}.motion-card i{margin:4px 0}.motion-paper{padding:10px 8px}.motion-edit{gap:4px}.motion-edit del,.motion-edit ins{padding:2px 5px;font-size:13px}.motion-source>span,.motion-result>span{font-size:9px;min-height:4.2em}.motion-connector{padding-bottom:47px}.motion-connector small{display:none}.motion-connector>span{font-size:21px}.motion-result-legend{font-size:7px;gap:4px}.motion-head button{max-width:55%;text-align:end}.motion-description{font-size:11px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.motion-demo *{animation:none!important}.motion-head button{display:none}}
@media print{.motion-demo{display:none!important}}