
:root{--paper:#f4f2ec;--ink:#252822;--muted:#73776b;--orange:#d94d24;--line:#dddfd5;--white:#fffefa;--soft:#e9ede3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.3px;line-height:1;direction:ltr}.brand-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.lang{border:1px solid var(--line);border-radius:30px;padding:8px 17px}.lang span{margin-inline-start:12px}.hero{text-align:center;padding-top:72px;padding-bottom:50px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:1.8px}.tiny-cross{display:inline-block;color:var(--orange);font-size:20px;vertical-align:middle;margin-inline-end:7px}.hero h1{font-size:clamp(48px,6.4vw,82px);line-height:1.06;letter-spacing:-4px;margin:23px 0 22px;font-weight:750}.hero h1>span{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--orange)}.intro{font-size:17px;color:#656b5d;max-width:500px;margin:0 auto 36px}.tool{max-width:780px;margin:auto;background:var(--white);border:1px solid #d8dcd1;border-radius:18px;text-align:start;box-shadow:0 9px 0 -5px #dce1d4,0 20px 50px -40px #26332755;padding:24px}.tool-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.2px;font-weight:700;margin-bottom:20px}.tool-top b{font-size:20px;vertical-align:middle;padding-inline-end:10px}.tool-badge{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:0;color:#5c6b50}.tool-badge i{width:6px;height:6px;border-radius:50%;background:#7d926a}form{display:flex;gap:10px}.input-row{display:flex;flex:1;min-width:0;background:#f4f5ef;border:1px solid var(--line);border-radius:8px;padding:5px;align-items:center}input{background:transparent;border:0;color:var(--ink);padding:11px;min-width:0;width:100%;font-size:14px}input:focus{outline:none}.input-row:focus-within{outline:2px solid var(--orange)}input::placeholder{color:#8c9084}.paste{border:1px solid #d8dccf;border-radius:5px;background:#fffefa;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.8;white-space:nowrap;color:#535a4d}.primary{border:0;border-radius:8px;background:var(--orange);color:white;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:600;padding:14px 24px;min-height:51px;font-size:14px;white-space:nowrap}.primary:hover{background:#b93d1a}.primary:disabled{background:#a69a8f;cursor:wait}.primary span{font-size:20px}.tool-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#777e6e;font-size:10px;gap:10px}.text-button{border:0;background:none;color:#515c46;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:2px}.hero-caption{color:#7c836f;font-size:10px;letter-spacing:1px;margin-top:20px}.hero-caption span{font-size:22px;padding-inline-end:6px}.shortcut{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:55px;align-items:center}.section-kicker{color:#7c836f;font-size:10px;display:block}.shortcut h2,.how h2,.faq h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:500;margin:15px 0}.shortcut-copy p{max-width:360px;font-size:14px;color:var(--muted)}.address-demo{background:#e8ebdf;border:1px solid #d8dfcd;padding:20px 27px;border-radius:12px;transform:rotate(-1deg)}.browser-dots{display:flex;gap:4px;padding-bottom:20px}.browser-dots i{width:5px;height:5px;border-radius:100%;background:#b1bba4}.address-label{font-size:10px;color:#707c63;margin-bottom:4px}.address-demo code{display:block;font:13px/1.8 Consolas,monospace;color:#616b54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-demo .edited{background:#f7f8f2;padding:8px 10px;border-radius:5px;color:#38442c;border:1px solid #d1dac3}.edited mark{background:#d8e8bd;color:#30491a;padding:3px 0;font-weight:700}.address-arrow{color:#849471;font-size:22px;height:32px}.address-demo p{font-size:10px;color:#738066;margin:12px 0 0}.how{padding-block:62px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:35px}.step-number{display:block;font:italic 34px Georgia,serif;color:#929c81;margin-bottom:12px}.steps h3{font-size:17px;margin:0 0 8px}.steps p{font-size:13px;color:var(--muted);margin:0;max-width:275px}.faq{padding:50px 0 70px;border-top:1px solid var(--line);max-width:780px}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:17px 0;font-size:14px}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;margin:12px 35px 4px 0;max-width:660px}.footer{display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:30px 36px}.footer .brand{font-size:23px}.footer p{font-size:11px;color:var(--muted);margin-bottom:0}.footer nav{font-size:11px;gap:20px}.copyright{font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.message{font-size:13px;margin-top:20px;border-radius:8px;padding:12px 15px;background:#edf1e5;color:#485f31;overflow-wrap:anywhere}.message.error{background:#fbeae4;color:#9c391b}.result{margin-top:23px;padding-top:23px;border-top:1px solid var(--line)}.preview{display:flex;gap:18px;align-items:center}.preview img{width:110px;height:85px;border-radius:7px;object-fit:cover;background:#e8ebdf}.preview h2{font-size:15px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.preview p{color:var(--muted);font-size:11px;margin:0}.preview .eyebrow{font-size:9px;color:var(--orange)}.choices{display:flex;gap:15px;margin:20px 0}.choices>div{flex:1}label{display:block;font-size:12px;margin-bottom:7px}select{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:9px 12px;width:100%;color:var(--ink);font-size:13px}.small,.limits{font-size:11px;color:var(--muted)}.limits{margin-bottom:0}.save{background:#3f5b30}.article{max-width:760px;padding-block:60px 80px}.back{display:block;font-size:12px;color:var(--orange);margin-bottom:35px}.article h1{font-size:50px;line-height:1.15;letter-spacing:-2px;font-weight:500;margin:20px 0 40px}.article h2{font-size:21px;font-weight:600}.article p{color:var(--muted);font-size:15px}.article section{margin-bottom:30px}.article>.primary{margin-top:20px}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .hero h1{letter-spacing:-2px;font-size:clamp(46px,5.6vw,72px);line-height:1.5;margin:12px 0}html[dir=rtl] .hero h1>span{font-family:inherit;font-style:normal;font-weight:700}html[dir=rtl] .eyebrow,html[dir=rtl] .section-kicker,html[dir=rtl] .tool-top{letter-spacing:0}html[dir=rtl] .hero{padding-top:50px}html[dir=rtl] .shortcut h2,html[dir=rtl] .how h2,html[dir=rtl] .faq h2{line-height:1.65;letter-spacing:-.6px;font-size:28px}html[dir=rtl] .intro{line-height:1.9}html[dir=rtl] .article h1{line-height:1.65;font-size:40px;letter-spacing:-1px}html[dir=rtl] .article p{line-height:2.1}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{padding-block:20px}.brand{font-size:25px}.brand img{width:30px;height:30px}nav{gap:15px;font-size:11px}.how-link{display:none}.lang{padding:7px 12px}.hero{padding-top:45px;padding-bottom:40px}.hero h1{letter-spacing:-2.6px}.intro{font-size:14px;padding-inline:10px}.tool{padding:18px}.tool-top{font-size:9px}.tool-badge{font-size:9px;max-width:120px;text-align:end}.tool-top b{padding-inline-end:5px}.tool-top>span:first-child{max-width:170px}form{flex-direction:column}.primary{min-height:49px}.tool-bottom{flex-direction:column;gap:10px;align-items:start}.shortcut{grid-template-columns:1fr;gap:25px;padding-block:35px}.shortcut-copy p{max-width:none}.shortcut h2,.how h2,.faq h2{font-size:29px}.address-demo{padding:20px;transform:none}.address-demo code{font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin-top:25px}.step-number{font-size:26px;margin-bottom:6px}.steps p{max-width:none}.how{padding-block:40px}.faq{padding-block:35px 45px}details{font-size:13px}details p{margin-inline-end:0}.footer{padding-block:25px;gap:22px}.copyright{width:100%}.article h1{font-size:39px}.choices{flex-direction:column}html[dir=rtl] .hero h1{font-size:44px}html[dir=rtl] .tool-top{font-size:9px}html[dir=rtl] .article h1{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:420px){.header nav>a:first-child{display:none}.header .brand{font-size:25px}.header nav{gap:0}}

.progress-panel{margin-top:22px;padding:19px 20px 16px;border:1px solid #deded2;border-radius:14px;background:linear-gradient(145deg,#fffefa,#f1f0e7);box-shadow:inset 0 1px 0 #fff,0 4px 0 #dfdfd2,0 10px 22px -17px #444a32;overflow:hidden}
.progress-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.progress-copy{min-width:0;flex:1}.progress-copy strong{display:block;font-size:13px;line-height:1.5;font-weight:700}.progress-copy>span{display:block;font-size:11px;line-height:1.7;margin-top:3px;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.progress-value{font-size:11px;font-weight:700;white-space:nowrap;color:#a64122;background:#f9e5d8;border:1px solid #eed0ba;border-radius:9px;padding:5px 9px;box-shadow:inset 0 1px 0 #ffffffa3,0 2px 0 #e8d2c2;font-variant-numeric:tabular-nums}
.progress-orb{position:relative;flex:0 0 32px;height:32px;border:1px solid #e9b18f;border-radius:11px;background:linear-gradient(145deg,#ffa865,#d94d24 65%,#b63818);box-shadow:inset 1px 1px 2px #ffe8c3,2px 3px 0 #bc4a25,0 5px 9px -4px #a4402773;display:grid;place-items:center}.progress-orb>span{width:14px;height:14px;border:2px solid #ffdfb885;border-top-color:#fff7df;border-radius:50%;animation:progress-spin 1s linear infinite}
.progress-track{position:relative;height:16px;padding:3px;border:1px solid #d1d0c2;border-radius:20px;background:linear-gradient(#d7d7c9,#e5e6db);box-shadow:inset 0 2px 4px #777d6340,0 1px 0 #fff;overflow:hidden}.progress-track progress{display:block;width:100%;height:100%;appearance:none;-webkit-appearance:none;border:0;border-radius:12px;overflow:hidden;background:transparent}.progress-track progress::-webkit-progress-bar{background:transparent}.progress-track progress::-webkit-progress-value{border-radius:12px;background:linear-gradient(180deg,#ffbd7b 0%,#f88043 28%,#dc5227 58%,#be3e1c 100%);box-shadow:inset 0 1px 1px #fff0cd,0 1px 2px #a4362173;transition:width .6s ease}.progress-track progress::-moz-progress-bar{border-radius:12px;background:linear-gradient(#ffbd7b,#ed7237 35%,#be3e1c);box-shadow:inset 0 1px 1px #fff0cd}
.progress-panel[data-mode=indeterminate] progress{opacity:0}.progress-panel[data-mode=indeterminate] .progress-track::after{content:"";position:absolute;inset-block:3px;inset-inline-start:3px;width:32%;border-radius:12px;background:linear-gradient(#ffbd7b,#ed7237 35%,#be3e1c);box-shadow:inset 0 1px 1px #fff0cd,0 0 7px #e2743b55;animation:progress-travel 1.8s ease-in-out infinite alternate}
.progress-steps{display:flex;list-style:none;justify-content:space-between;gap:9px;padding:0;margin:14px 0 0}.progress-steps li{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b8d7e;line-height:1.4}.progress-steps li>span{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:#e7e7dd;border:1px solid #dadbce;font-size:9px;font-weight:700;box-shadow:inset 0 1px 0 #fff}.progress-steps .is-current{color:#a64020;font-weight:700}.progress-steps .is-current>span{background:#f9dfc6;border-color:#e6bb98;color:#ae4926}.progress-steps .is-done{color:#50663c}.progress-steps .is-done>span{font-size:0;background:#dce7cb;border-color:#bfcdb0;color:#4e6736}.progress-steps .is-done>span::after{content:'✓';font-size:10px}
.progress-panel[data-mode=complete] .progress-value{color:#486335;background:#e2ead7;border-color:#cbd7bb;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d1dbc3}.progress-panel[data-mode=complete] .progress-orb{background:linear-gradient(145deg,#a5bc87,#647f48 65%,#405a2d);border-color:#9aac86;box-shadow:inset 1px 1px 2px #dfe9ca,2px 3px 0 #4b6535,0 5px 9px -4px #485f3473}.progress-panel[data-mode=complete] .progress-orb>span{animation:none;border:0;width:auto;height:auto}.progress-panel[data-mode=complete] .progress-orb>span::after{content:'✓';font-size:17px;color:#fff9e9}.progress-panel[data-mode=complete] progress::-webkit-progress-value{background:linear-gradient(#bdd29d,#8da768 35%,#5e7942);box-shadow:inset 0 1px 1px #eff7df,0 1px 2px #485f3473}.progress-panel[data-mode=complete] progress::-moz-progress-bar{background:linear-gradient(#bdd29d,#8da768 35%,#5e7942)}.progress-panel[data-mode=error] .progress-orb>span{animation:none;border:0;width:auto;height:auto}.progress-panel[data-mode=error] .progress-orb>span::after{content:'!';font-size:18px;font-weight:700;color:#fff}.progress-panel[data-mode=error] progress{opacity:0}
html[dir=rtl] .progress-panel[data-mode=indeterminate] .progress-track::after{animation-name:progress-travel-rtl}html[dir=rtl] .progress-steps li{font-size:11px}@keyframes progress-spin{to{transform:rotate(360deg)}}@keyframes progress-travel{from{transform:translateX(0)}to{transform:translateX(210%)}}@keyframes progress-travel-rtl{from{transform:translateX(0)}to{transform:translateX(-210%)}}
@media(max-width:480px){.progress-panel{padding:16px 13px 13px}.progress-heading{gap:10px;flex-wrap:wrap}.progress-copy strong{font-size:12px}.progress-copy>span{font-size:10px}.progress-value{font-size:10px;padding:4px 6px}.progress-orb{flex-basis:28px;height:28px;border-radius:9px}.progress-steps li{font-size:9px;gap:4px}.progress-steps li>span{flex-basis:15px;height:15px}html[dir=rtl] .progress-steps li{font-size:10px}}
@media(prefers-reduced-motion:reduce){.progress-orb>span,.progress-panel[data-mode=indeterminate] .progress-track::after{animation:none}.progress-track progress::-webkit-progress-value{transition:none}}

.live-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border:0;padding:0;margin:22px 0 12px;min-width:0}.live-modes legend{font-size:12px;font-weight:700;margin-bottom:10px;padding:0}.capture-card{display:flex;gap:8px;align-items:flex-start;margin:0;border:1px solid var(--line);border-radius:10px;background:#f7f7f0;padding:12px 10px;cursor:pointer;box-shadow:inset 0 1px 0 #fff;min-width:0}.capture-card:has(input:checked){border-color:#d98159;background:#fff2e6;box-shadow:inset 0 1px 0 #fff,0 2px 0 #ebd6c5}.capture-card:has(input:disabled){opacity:.5;cursor:not-allowed}.capture-card input{appearance:none;-webkit-appearance:none;flex:0 0 15px;width:15px;height:15px;border:1px solid #b7beaa;border-radius:50%;padding:0;margin:2px 0 0;background:#fffefa;box-shadow:inset 0 1px 2px #343e201c}.capture-card input:checked{border:4px solid var(--orange);background:#fff7e9}.capture-card strong{display:block;font-size:11px;line-height:1.5;color:var(--ink)}.capture-card small{display:block;font-size:10px;line-height:1.7;margin-top:6px;color:var(--muted)}.history-availability{padding:11px 13px;border-radius:8px;background:#edf1e5;border:1px solid #dde5cf}.history-availability p{font-size:11px;line-height:1.7;color:#4e633a;margin:0 0 3px;font-weight:600}.history-availability>span{font-size:10px;line-height:1.6;color:var(--muted);display:block}.history-availability button{margin-top:7px;color:#50633e}.history-availability button:disabled{cursor:wait;opacity:.5}.capture-summary{font-size:12px;line-height:1.8;background:#edf1e5;color:#496039;border-inline-start:3px solid #839e61;padding:10px 12px;border-radius:5px;margin-block:15px}
@media(max-width:600px){.live-modes{grid-template-columns:1fr;gap:8px}.capture-card{padding:11px 12px}.capture-card strong{font-size:12px}.capture-card small{font-size:11px;margin-top:3px}.history-availability p{font-size:12px}.history-availability>span{font-size:11px}}

