:root{--paper:#f5f3eb;--ink:#143c3b;--muted:#667675;--line:#d9dfd4;--green:#cfe584;--dark:#103d3b;--white:#fffefa;--orange:#e69773}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7ea120;outline-offset:4px}[hidden]{display:none!important}.top{max-width:1280px;margin:auto;min-height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px;gap:22px}.brand{font-weight:800;letter-spacing:-1px;font-size:24px;text-decoration:none;display:flex;align-items:center;gap:9px}.brandmark{background:var(--ink);color:var(--green);font-family:Georgia,serif;font-style:italic;border-radius:10px;font-size:26px;padding:4px 9px}.beta{font-size:9px;font-weight:600;letter-spacing:1px;margin-left:12px;max-width:70px;line-height:1.5;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}main{max-width:1208px;margin:auto;padding:0 30px}.intro{padding:58px 0 37px;display:flex;justify-content:space-between;gap:40px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7c9a36}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.03;font-size:61px;letter-spacing:-2.7px;margin:20px 0}h1 em{font-weight:400;color:#648031}.lede{color:var(--muted);font-size:16px;line-height:1.65;margin:22px 0 0}.intro-art{width:300px;transform:rotate(4deg);margin-right:35px;flex-shrink:0}.film{border:1px solid var(--ink);height:155px;background:#dbe7c3;position:relative;border-radius:8px;overflow:hidden;box-shadow:9px 9px 0 #e9e7dc}.film span{position:absolute;bottom:8px;font:10px monospace;left:10px}.film span:last-child{left:auto;right:10px}.film i{position:absolute;left:45%;top:42%;font-style:normal;border-radius:50%;background:var(--paper);padding:8px 10px}.mountain{position:absolute;bottom:0;left:10px;width:240px;height:100px;background:var(--ink);clip-path:polygon(0 100%,25% 10%,42% 62%,66% 0%,100% 100%);opacity:.18}.film:before{content:'';position:absolute;right:48px;top:18px;width:30px;height:30px;background:var(--orange);border-radius:50%}.waveform{margin:12px -18px 0 22px;background:var(--ink);color:var(--green);font-size:26px;letter-spacing:1px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;transform:rotate(-7deg)}.art-tag{font-family:Georgia,serif;font-size:17px;font-style:italic;text-align:center;margin-top:18px}.privacy-strip{display:flex;justify-content:space-between;gap:15px;padding:17px 0 22px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.privacy-strip span:last-child{font-weight:400;color:var(--muted)}.workshop{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:0;margin:30px 0 60px;background:var(--white);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 8px 30px #243f2b05}.work-panel{padding:30px 34px}.section-title,.preview-title{display:flex;align-items:center;gap:12px;margin-bottom:23px}.step{font:10px monospace;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}h2{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.5px;margin:0}.text-button{margin-left:auto;border:0;background:transparent;font-size:12px;text-decoration:underline;color:var(--muted)}.dropzone{border:1px dashed #93a7a0;border-radius:10px;min-height:190px;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 15px;gap:9px;cursor:pointer;transition:background .2s}.dropzone:hover,.dropzone.drag{background:#f1f6e8}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-icon{background:var(--green);color:var(--ink);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:25px;margin-bottom:5px}.dropzone strong{font-size:15px}.dropzone span:not(.upload-icon){font-size:12px;color:var(--muted)}.dropzone small{font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}.samples{display:flex;gap:12px;align-items:center;margin:14px 0 24px;font-size:11px;color:var(--muted);flex-wrap:wrap}.samples button{border:0;background:transparent;text-decoration:underline;color:var(--ink);padding:2px 0;font-size:11px}.file-info{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:15px;background:#f0f5e7;border-radius:8px;margin:15px 0}.file-info strong{display:block;overflow-wrap:anywhere;font-size:13px}.file-info span#file-meta{display:block;margin-top:5px;line-height:1.5;font-size:11px;color:var(--muted)}.file-badge{font-size:8px;letter-spacing:1px;white-space:nowrap;align-self:flex-start}.options-title{margin-top:30px;margin-bottom:20px}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.5}label:not(.dropzone){display:block;font-size:12px;font-weight:600;margin-bottom:8px}label span{font-weight:400;color:var(--muted);font-size:10px;margin-left:6px}select,input[type=number]{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);padding:13px 12px;font-size:13px}select{padding-right:30px}.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:9px 0 15px}.range-row{display:grid;grid-template-columns:1fr 25px 1fr;align-items:end;gap:10px;margin-top:21px}.range-arrow{align-self:center;text-align:center;margin-top:22px;color:var(--muted)}.range-visual{height:8px;background:#e9eae3;position:relative;border-radius:5px;margin-top:15px;overflow:hidden}.range-visual div{height:100%;background:#bdd280;width:100%}.more-options{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:22px 0 15px;align-items:end}.more-options label.check{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:12px}.check input{accent-color:var(--ink);width:17px;height:17px}.action-row{display:flex;gap:12px;align-items:center;margin-top:23px}.primary{background:var(--ink);color:var(--white);border:0;border-radius:7px;padding:16px 21px;font-size:14px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.primary span{color:var(--green);font-size:21px}.primary:hover{background:#23534d}.secondary{border:1px solid #a3b1aa;color:var(--ink);background:transparent;border-radius:7px;padding:16px}.status{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:0;min-height:18px}.status.error{color:#9b3c24;background:#fff0e9;padding:12px;border-radius:6px}.progress-wrap{display:flex;gap:12px;margin-top:18px;font-size:11px;color:var(--muted);align-items:center}progress{width:100%;height:6px;accent-color:var(--ink)}.progress-wrap span{white-space:nowrap}.preview-panel{background:#ecf0e5;padding:30px 27px;display:flex;flex-direction:column;min-width:0}.preview-title{margin-bottom:30px}.preview-title h2{font-size:25px}.preview-placeholder{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-frame{border:1px solid #a1b3a5;border-radius:8px;width:120px;height:79px;transform:rotate(-6deg);display:flex;align-items:center;justify-content:center;color:#9bae8b;position:relative}.placeholder-frame:before{content:'';width:100%;height:100%;position:absolute;left:8px;top:8px;border:1px solid #bac8b0;border-radius:8px}.preview-placeholder p{font-family:Georgia,serif;font-size:27px;line-height:1.2;margin-top:28px;margin-bottom:15px}.preview-placeholder small{font-size:11px;color:var(--muted)}.browser-box{border-top:1px solid #ced8c7;margin-top:auto;padding-top:25px}.browser-box p:last-child{font-size:11px;line-height:1.65;color:var(--muted)}.capabilities{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.capabilities span{padding:6px 8px;font-size:10px;background:#d9e6cb;border:1px solid #bfcead;border-radius:4px}.capabilities span.off{color:#6c7771;background:transparent;border-color:#d2dace}.local-note{font-size:11px;text-align:center;line-height:1.6;margin:28px 0 0;color:#667966}.result-label{font-size:9px;letter-spacing:1.5px;font-weight:bold;margin:5px 0 15px}video{width:100%;max-height:260px;background:#183d36;border-radius:8px}audio{width:100%;margin:12px 0}#result h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin-top:19px}.result-stats{font-size:12px;line-height:1.9;color:var(--muted)}.download{display:block;text-decoration:none;background:var(--green);color:var(--ink);border-radius:6px;padding:15px;text-align:center;font-weight:600;font-size:13px;margin-top:24px}#result{padding-bottom:25px}.explain{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding-bottom:42px;border-bottom:1px solid var(--line)}.explain h2{font-size:32px;line-height:1.16}.explain h3{font-size:12px;font-weight:600;margin-top:22px}.explain p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.notes{padding:16px 0 40px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:13px;cursor:pointer;font-weight:600}details p{max-width:850px;font-size:12px;line-height:1.8;color:var(--muted)}.support{border-radius:15px;background:var(--ink);color:#f6f4ea;display:grid;grid-template-columns:1fr 1.08fr;gap:50px;padding:42px;margin:10px 0 55px}.support .eyebrow{color:var(--green)}.support h2{font-size:37px;margin:24px 0;max-width:320px}.support p{font-size:12px;line-height:1.8;color:#c3d0c6}.support a{font-size:12px;display:inline-block;margin-top:16px;color:var(--green)}.donations{display:grid;gap:10px}.donations article{background:#214b46;border-radius:7px;padding:15px 17px}.donations b{font-size:13px;display:flex;justify-content:space-between;gap:10px}.donations b span{font-size:10px;font-weight:400;color:#c3d0c6}.donations code{font-size:10px;overflow-wrap:anywhere;display:block;margin:11px 0;color:#d8e3d5}.donations button{background:transparent;border:0;padding:0;color:var(--green);font-size:11px;text-decoration:underline}.donations .hint{margin:2px 0}.donations #copy-status{margin:0}footer{max-width:1208px;margin:auto;padding:0 30px 35px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;align-items:center}footer .brand{font-size:18px;color:var(--ink)}footer a:last-child{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){h1{font-size:50px}.intro-art{width:230px;margin-right:15px}.work-panel{padding:27px}.preview-panel{padding:27px 22px}.explain{grid-template-columns:1fr 1fr}.explain>div:first-child{grid-row:span 2}.support{gap:28px;padding:32px}}@media(max-width:720px){.top{min-height:78px;padding:0 20px}.brand{font-size:21px}.beta{display:none}nav a:first-child{display:none}nav{font-size:10px}main{padding:0 19px}.intro{padding:35px 0 26px;gap:0}.intro-art{display:none}h1{font-size:44px;letter-spacing:-1.8px}.lede{font-size:14px}.privacy-strip{flex-wrap:wrap;font-size:10px;gap:10px 20px;justify-content:flex-start}.privacy-strip span:last-child{width:100%}.workshop{grid-template-columns:1fr;margin-top:22px;margin-bottom:38px}.work-panel{padding:24px 20px}.preview-panel{padding:26px 20px}.preview-placeholder{min-height:190px}.preview-placeholder p{font-size:24px}.preview-placeholder small{margin-bottom:25px}.browser-box{margin-top:18px}.preview-title{margin-bottom:15px}.explain{grid-template-columns:1fr;gap:12px}.explain>div:first-child{grid-row:auto;margin-bottom:10px}.explain p:not(.eyebrow){max-width:420px}.support{grid-template-columns:1fr;padding:26px 22px;gap:22px;margin-bottom:35px}.support h2{font-size:32px;max-width:none}.support p br{display:none}.donations b{flex-wrap:wrap}.more-options{gap:13px}.dropzone small{font-size:9px}.file-badge{display:none}footer{padding:0 19px 25px;flex-wrap:wrap}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Search-readable related tools and keyboard navigation. */
.discovery-skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-180%);padding:12px 18px;background:#fff;color:#172e28;border:2px solid currentColor;border-radius:6px}.discovery-skip:focus{transform:none}.discovery-related,.discovery-guide{display:block;max-width:100%;padding:28px 0;margin:24px 0;border-top:1px solid currentColor;line-height:1.65}.discovery-related h2,.discovery-guide h2{font:700 1.1rem/1.4 Arial,sans-serif;letter-spacing:normal;margin:0 0 12px}.discovery-related ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:0}.discovery-related a{display:inline-block;font-size:14px;text-decoration:underline;overflow-wrap:anywhere}.discovery-guide p{max-width:80ch;font-size:15px}.discovery-related a:focus-visible{outline:3px solid currentColor;outline-offset:4px}main h1{overflow-wrap:break-word}@media(max-width:650px){.discovery-related ul{display:block}.discovery-related li+li{margin-top:12px}main h1{font-size:clamp(2rem,9vw,3.4rem)!important;letter-spacing:-.04em!important}}

.discovery-related li>a{display:inline-block}