:root{font-family:Arial,Helvetica,sans-serif;color:#152a29;background:#f3f5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a.button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dfda}.brand{font-weight:800;letter-spacing:-1.5px;font-size:30px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px}.logo{display:grid;place-items:center;width:33px;height:33px;color:#e4ff7f;background:#152a29;border-radius:8px;font-size:30px}.brand-dot{color:#587926;margin-left:-7px}.privacy{font-size:14px;background:#e4ece6;padding:10px 14px;border-radius:25px}main{max-width:1240px;padding:48px 40px 0;margin:auto}.intro{margin-bottom:35px}.eyebrow,.section-number{font-size:12px;font-weight:700;letter-spacing:1.5px}.eyebrow{color:#54715e;margin:0 0 16px}h1{font-size:clamp(36px,4.7vw,59px);line-height:1.06;letter-spacing:-2px;margin:0 0 20px}h1 span{color:#58765e}.intro>p:last-child{font-size:17px;line-height:1.5;color:#52645c}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,1fr);background:white;border:1px solid #d4ddd6;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #18392a05}.viewer{padding:24px;min-width:0;display:flex;flex-direction:column}.dropzone{border:1.5px dashed #b6c6b9;border-radius:12px;background:repeating-linear-gradient(45deg,#f8faf7,#f8faf7 9px,#f5f8f3 9px,#f5f8f3 10px);min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.dropzone.dragging{background:#e7f4c6;border-color:#466e30}.upload-symbol{background:#e5eddf;width:65px;height:65px;display:grid;place-items:center;border-radius:17px;font-size:36px;color:#426243;margin-bottom:15px}h2{font-size:22px;letter-spacing:-.5px;margin:8px 0 12px}.dropzone p{margin:0 0 23px;color:#64746b;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;border:0;text-decoration:none;font-weight:700;font-size:15px;transition:background .15s}.primary{background:#d7f67c;color:#20371c}.primary:hover:not(:disabled){background:#c6eb5b}.secondary{background:#f0f4ef;border:1px solid #cfdacf;color:#203c29}.hint{font-size:13px;line-height:1.5;max-width:310px;color:#6c7c6e;margin-top:20px}.settings{padding:30px;border-left:1px solid #dce4de}.section-number{color:#7b8b7e}.settings h2{margin-bottom:25px}.settings fieldset{border:0;padding:0;margin:0 0 24px}.settings legend{font-size:14px;margin-bottom:12px;font-weight:600}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{position:relative;border:1px solid #d7dfd7;border-radius:9px;padding:16px 10px;cursor:pointer}.mode:has(input:checked){border:2px solid #5b7b3c;background:#f3f8e9;padding:15px 9px}.mode input{position:absolute;right:8px;top:8px;accent-color:#476632}.mode strong,.mode small{display:block}.mode strong{font-size:14px;margin-top:12px}.mode small{font-size:12px;color:#687568;line-height:1.4;margin-top:5px}.mode-icon{display:block;width:38px;height:28px;border-radius:5px}.solid-icon{background:#182822}.blur-icon{background:radial-gradient(ellipse,#5c6c65,#c9d2c9);filter:blur(3px)}.slider-label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin:8px 0 12px}.slider-label span{color:#62735e;font-weight:400}input[type=range]{width:100%;accent-color:#597b3f;cursor:pointer}.small{font-size:13px;color:#647367;line-height:1.55}.manual{margin-top:22px;padding-top:20px;border-top:1px solid #e0e7df}.manual .button,.export-section .button{width:100%}.text-button{border:0;background:none;padding:9px 0;text-decoration:underline;color:#48614d;font-size:13px}.export-section{margin-top:23px;border-top:1px solid #e0e7df;padding-top:20px}.export-section .section-number{margin-bottom:15px}#status{font-size:14px;color:#546b56;padding-top:18px;line-height:1.5;margin-top:auto}#status.error{color:#a12828}progress{width:100%;height:8px;margin-top:12px;accent-color:#6c9239}.filebar{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:16px}#filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-wrap{background:#17221b;border-radius:9px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:270px;max-height:410px}canvas{display:block;max-width:100%;max-height:410px;object-fit:contain;touch-action:none}canvas.drawing{cursor:crosshair}.transport{display:flex;align-items:center;gap:12px;padding-top:15px}.transport button{background:#eef3e8;border:0;border-radius:6px;padding:9px 12px;font-size:14px}.transport input{min-width:30px}.transport span{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.preview-caption{font-size:12px;color:#7b877b;display:flex;justify-content:space-between;margin-top:16px}.bottom-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px 0}.bottom-notes article{position:relative;padding-left:37px}.note-mark{position:absolute;left:0;top:1px;color:#677c50;font-size:23px}.bottom-notes h3{font-size:15px;margin:0 0 9px}.bottom-notes p{font-size:14px;color:#6a786d;line-height:1.6;margin:0}.result{border:1px solid #b9ccb1;border-radius:16px;background:#eef5e6;margin-top:24px;padding:28px}.result p{font-size:15px;line-height:1.6;max-width:650px}.result video{display:block;width:100%;max-height:430px;background:#18251d;border-radius:8px;margin:20px 0}.check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;margin-bottom:18px}.check input{accent-color:#52713c;margin-top:4px}.disabled{opacity:.45;cursor:default!important}footer{border-top:1px solid #d6dfd5;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#607462}footer>span:first-child{font-weight:bold}.footer-sub{font-weight:400;margin-left:10px}footer a{color:inherit}:focus-visible{outline:3px solid #70913e;outline-offset:4px}@media(max-width:800px){header{padding:20px}.privacy{font-size:12px;padding:8px 10px}main{padding:30px 20px 0}.workspace{grid-template-columns:1fr}.settings{border-left:0;border-top:1px solid #dce4de;padding:24px}.viewer{padding:17px}.dropzone{min-height:300px;padding:25px 15px}.bottom-notes{grid-template-columns:1fr;gap:24px}footer{flex-direction:column;gap:12px}.intro{margin-bottom:25px}h1{letter-spacing:-1.5px}.canvas-wrap{min-height:210px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:root select{font:inherit;color:#203c29;background:#f7faf4;border:1px solid #cfdacf;border-radius:7px;padding:12px;width:100%;font-size:14px;cursor:pointer}.export-label{display:block;font-size:14px;font-weight:600;margin:18px 0 9px}.audio-choice{margin:20px 0 0}.audio-choice+ .small{margin:8px 0 20px}