@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#222b2b;--muted:#717972;--paper:#f6f4ee;--accent:#ef654d;--line:#e4e5de}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Golos Text',Arial,sans-serif;font-size:15px}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #225c58;outline-offset:4px}[hidden]{display:none!important}.top{max-width:1240px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;gap:9px}.brand-dot{color:var(--accent);margin-left:-7px}.brand-icon{background:var(--accent);color:white;border-radius:10px;width:35px;height:35px;text-align:center;line-height:31px;font-size:28px;position:relative;letter-spacing:-3px;padding-right:7px}.brand-icon span{font-size:19px;position:absolute;right:6px;top:-5px}.top-note{font-size:12px;color:#626e65;display:flex;gap:8px;align-items:center}.top-note i{width:6px;height:6px;background:#76a083;border-radius:100%}.hero{text-align:center;padding:54px 20px 35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#758173}h1{font-size:clamp(40px,5vw,66px);line-height:1.1;letter-spacing:-3px;margin:23px 0 20px;font-weight:800;position:relative;display:inline-block}h1 span{color:var(--accent)}h1 svg{position:absolute;width:97px;right:-130px;bottom:4px;stroke:var(--accent);fill:none;stroke-width:2;transform:rotate(13deg)}.intro{line-height:1.8;color:#70766f;font-size:15px;margin:0}.workspace{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px;box-shadow:0 12px 40px #25362906}.workspace-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:18px}.workspace-head>span{display:flex;align-items:center;gap:9px}.step{font-size:10px;display:inline-flex;background:#f2f3ee;color:#687363;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px}.quiet{border:0;background:none;font-size:12px;color:var(--muted)}.drop{border:1.5px dashed #d6dcd1;border-radius:12px;background:#fafbf7;text-align:center;padding:25px 15px 20px;transition:.2s}.drop.over{border-color:var(--accent);background:#fff2ed}.file-art{height:83px;position:relative;width:95px;margin:0 auto 7px}.sheet{position:absolute;background:#fff;border:1px solid #e1e4da;border-radius:7px;width:48px;height:63px;font-size:10px;font-weight:800;padding-top:29px;box-shadow:0 4px 9px #2433210a}.sheet-back{left:7px;top:7px;transform:rotate(-13deg);color:#9ca397}.sheet-front{left:39px;top:12px;transform:rotate(10deg);color:var(--accent);border-color:#edc3b9}.sheet-front i{position:absolute;right:-13px;bottom:-9px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:white;font-style:normal;font-size:23px;font-weight:400;line-height:25px;box-shadow:0 0 0 4px #fafbf7}h2{font-size:20px;letter-spacing:-.6px;margin:0}.drop p{color:var(--muted);font-size:13px;margin:9px 0 20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:var(--accent);color:white;border:0;border-radius:9px;font-size:13px;font-weight:600;box-shadow:0 3px 0 #d7543e;transition:background .15s}.primary:hover{background:#dd563f}.primary span{font-size:18px;line-height:16px}.drop small{display:block;margin-top:16px;color:#8b9188;font-size:10px}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#7c8576;padding-top:19px}.privacy svg{width:14px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.benefits{max-width:800px;margin:35px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 8px}.benefits>div+div{border-left:1px solid #dedfd6;padding-left:28px}.benefits span{font-size:8px;color:#899180;letter-spacing:1.3px;font-weight:600}.benefits h3{font-size:14px;margin:12px 0 8px;font-weight:600}.benefits p{font-size:11px;line-height:1.8;margin:0;color:#7b8176}.faq{max-width:1000px;margin:auto;border-top:1px solid #dedfd6;padding:44px 0 55px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq h2{font-size:29px;line-height:1.25;margin-top:16px;letter-spacing:-1px}details{border-bottom:1px solid #dedfd6;padding:17px 0}summary{font-size:13px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';color:#899180;font-size:18px}details[open] summary::after{content:'−'}details p{font-size:12px;line-height:1.8;color:#71796e}footer{border-top:1px solid #dedfd6;max-width:1160px;margin:auto;padding:25px 0 30px;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:18px}footer p,footer>span{font-size:10px;color:#8a9083}.file-list{display:grid;gap:8px}.file-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:10px;background:#fcfcf9}.file-label{width:35px;height:43px;border:1px solid #f4c9bd;color:var(--accent);background:#fff3ef;border-radius:5px;display:grid;place-content:center;font-size:9px;font-weight:700;flex-shrink:0}.file-info{min-width:0;flex:1}.file-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.file-info small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.row-controls{display:flex;gap:4px}.row-controls button{width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:white;color:#6b7767}.add{margin-top:12px;border:1px dashed #bfcbb8;background:#fafbf7;padding:12px;width:100%;border-radius:8px;font-size:12px;color:#63775a}.actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;gap:15px}.actions strong{font-size:13px;display:block}.actions>div>span{font-size:10px;display:block;color:var(--muted);margin-top:6px}.status{font-size:12px;color:#a33d26;line-height:1.6;white-space:pre-line}.status:not(:empty){padding:13px 0 0}.result{display:flex;align-items:center;gap:13px;padding:20px 0 4px;flex-wrap:wrap}.result h2{font-size:18px}.result p{color:var(--muted);font-size:11px}.result a{margin-left:auto}.success-icon{width:38px;height:38px;border-radius:50%;background:#e6f1e2;color:#417044;display:grid;place-content:center;font-size:21px}@media(max-width:1050px){.faq,footer{margin-left:35px;margin-right:35px}h1 svg{display:none}}@media(max-width:650px){.top{padding:21px}.brand{font-size:20px}.top-note{font-size:0;gap:0}.top-note i{width:8px;height:8px}.hero{padding:35px 20px 27px}h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:12px}.desktop{display:none}.workspace{margin:0 14px;padding:16px;border-radius:15px}.drop{padding-top:18px}.benefits{margin:27px 25px 38px;gap:15px}.benefits>div+div{padding-left:12px}.benefits h3{font-size:12px}.benefits p{font-size:10px}.benefits span{font-size:7px;letter-spacing:.5px}.benefits br{display:none}.faq{margin:0 25px;display:block;padding:30px 0}.faq h2{font-size:25px;margin-bottom:12px}.faq h2 br{display:none}footer{margin:0 25px;flex-wrap:wrap;gap:8px}footer p{margin:0}footer>span{display:none}.actions{align-items:stretch;flex-direction:column}.actions .primary{width:100%}.privacy{font-size:9px}.file-row{padding:10px;gap:8px}.row-controls{gap:2px}.row-controls button{width:26px}.result a{width:100%;margin-top:8px}}

.file-picker{position:relative;cursor:pointer;overflow:hidden;text-align:center}.file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.file-picker:focus-within{outline:3px solid #225c58;outline-offset:4px}.file-picker input:disabled{cursor:wait}.file-picker.primary>span{font-size:13px;line-height:20px}.seo-info{max-width:1000px;margin:0 auto 40px;padding:0 8px}.seo-info h2{font-size:22px}.seo-info p{font-size:13px;line-height:1.8;color:var(--muted);max-width:850px}@media(max-width:1050px){.seo-info{margin-left:35px;margin-right:35px}}@media(max-width:650px){.seo-info{margin:0 25px 30px;padding:0}.seo-info h2{font-size:20px}}

.native-picker{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink);font-size:12px;font-weight:500}.native-picker input[type=file]{display:block;position:static;opacity:1;width:100%;max-width:360px;height:auto;min-height:50px;font-size:12px;color:#64705e;padding:6px;border:1px solid #d6dcd1;border-radius:9px;background:white;cursor:pointer}.native-picker input::file-selector-button{background:var(--accent);color:white;border:0;border-radius:6px;padding:12px 16px;margin-right:10px;font:inherit;font-weight:600;cursor:pointer}.native-picker input:focus-visible{outline:3px solid #225c58;outline-offset:3px}.drop .picker-help{font-size:11px;line-height:1.6;max-width:370px;margin:15px auto 0;color:#64705e}.how-it-works{list-style-position:inside;display:flex;justify-content:center;gap:20px;padding:0;margin:0 0 20px;color:#697565;font-size:10px}.add.native-picker{padding:14px}@media(max-width:650px){.how-it-works{gap:8px;font-size:9px;justify-content:space-between}.native-picker input[type=file]{max-width:100%;font-size:11px}}

.top-tools{display:flex;gap:22px;align-items:center}.install-button{background:white;border:1px solid #d9ddd2;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:600;color:#3d5141}.install-button:hover{background:#eaf0e4}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;width:min(490px,calc(100% - 30px));color:var(--ink);box-shadow:0 15px 80px #0003}dialog::backdrop{background:#16272075}dialog h2{margin:16px 0 12px;font-size:24px}dialog h3{font-size:13px;margin:20px 0 6px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}dialog img{border-radius:15px}dialog .primary{margin:10px 0}dialog .install-small{font-size:11px;border-top:1px solid var(--line);padding-top:15px}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:var(--muted)}@media(max-width:650px){.top-tools{gap:10px}.install-button{font-size:10px;padding:10px}.top-tools .top-note{display:none}}