:root{--bg:#f6f7f4;--paper:#fff;--ink:#17251d;--muted:#747e77;--line:#e3e7e1;--green:#20713c;--mint:#eaf5e7;--lime:#abe993;--soft:#f9faf7;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #61a974;outline-offset:4px}button{transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.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}.site-header{height:88px;border-bottom:1px solid var(--line);background:#ffffffb3}.header-inner{max-width:1376px;margin:auto;height:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:23px;text-decoration:none;color:var(--ink)}.brand img{display:block;width:132px;height:auto}.brand-divider{width:1px;height:25px;background:#d9ded6}.brand-product{font-size:12px;letter-spacing:2px;font-weight:700}.brand-dot{color:#53ab61;font-size:25px;line-height:0}.page{max-width:1376px;padding:0 48px;margin:auto}.hero{display:grid;grid-template-columns:1fr 370px;align-items:center;gap:32px;padding:54px 0 40px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.9px;color:#6a7c65;margin:0 0 18px}.live-dot{width:6px;height:6px;border-radius:50%;background:#70ac5a}.hero h1{font-size:clamp(35px,3.8vw,52px);line-height:1.1;letter-spacing:-2px;font-weight:650;margin:0 0 17px}.accent{color:var(--green)}.intro{font-size:14px;line-height:1.8;max-width:550px;color:#6f7b71;margin:0}.benefits{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:22px;font-size:10px;color:#727e70}.benefits>span{display:flex;align-items:center;gap:5px}.benefits .icon{height:13px;width:13px;color:#5a8c4a}.hero-art{height:224px;position:relative;isolation:isolate;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#daedcc 0%,#eaf2e0 30%,transparent 68%);z-index:-1}.orbit{position:absolute;width:194px;height:194px;border:1px solid #dce6d4;border-radius:50%;transform:rotate(-30deg) scaleX(1.35)}.orbit-two{width:143px;height:143px;transform:rotate(35deg) scaleX(1.45);border-style:dashed;border-color:#d2e0c9}.shield-tile{height:105px;width:99px;background:linear-gradient(145deg,#fcfff9,#e2efd6);border:1px solid #d3e3c6;border-radius:28px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:9px 15px 28px #577f3b18}.shield-tile svg{width:57px;height:57px;fill:#e3efd8;stroke:#527944;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.float-label{position:absolute;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#ffffffed;border:1px solid #e2e8dd;border-radius:8px;padding:12px 14px;box-shadow:0 5px 18px #233d1110;font-size:10px;color:#86917e;white-space:nowrap}.float-label span{margin:0 8px;color:#9aab8f}.float-label b{font-weight:500;color:#44743d}.label-one{left:-7px;top:38px;transform:rotate(-5deg)}.label-two{right:-10px;bottom:27px;transform:rotate(4deg)}.art-star{position:absolute;right:48px;top:25px;font-size:32px;color:#7aa461}.workspace{background:var(--paper);border:1px solid #dfe4da;border-radius:17px;box-shadow:0 10px 32px #253a1906,0 1px 3px #1c33130a;overflow:hidden}.workspace-top{padding:16px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.tabs{display:flex;background:#f1f3ef;border-radius:8px;padding:4px;gap:3px}.tab{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;padding:10px 14px;font-size:12px;border-radius:6px;color:#798374;white-space:nowrap}.tab .icon{width:15px;height:15px}.tab.selected{background:white;color:#2b4e30;box-shadow:0 1px 4px #00000010}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;font-size:11px;color:#6b786a;padding:9px 0 9px 9px}.text-button:hover{color:var(--green)}.text-button .icon{height:14px;width:14px}.editors{display:grid;grid-template-columns:1fr 1fr;min-width:0}.editor{min-width:0;display:flex;flex-direction:column}.source{border-right:1px solid var(--line)}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 24px 14px;min-height:64px}.editor-heading h2{font-size:12px;font-weight:600;margin:0;white-space:nowrap}.step{font-family:ui-monospace,monospace;color:#a2aba0;font-size:10px;font-weight:400;margin-right:7px}.format select,.format-badge{font-family:ui-monospace,monospace;background:#f3f5f1;border:1px solid var(--line);border-radius:5px;padding:5px 7px;font-size:9px;color:#74806e;max-width:140px}.text-panel{display:flex;flex:1}#source{resize:vertical;min-height:268px;width:100%;border:0;background:white;outline-offset:-5px;padding:7px 24px 20px;font-size:12px;line-height:1.85;color:#4c5c51;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}#source::placeholder{color:#a0a89b}.editor-foot{min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-size:10px;color:#929b8e;gap:12px}.encoding{display:flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:9px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#86b96b}.result{background:linear-gradient(130deg,#fbfdf9,#f6f9f3)}.status-pill{font-size:9px;border:1px solid #e3e9dd;border-radius:50px;color:#87937f;padding:5px 8px;white-space:nowrap}.status-pill.done{background:#e9f4e4;color:#467c3d;border-color:#d7e9cd}.status-pill.busy{color:#6b7235;background:#f6f2d8}.empty-result{min-height:268px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:23px;flex:1}.empty-icon{background:#edf3e7;border:1px solid #e3ebda;border-radius:16px;width:47px;height:47px;display:grid;place-items:center;margin:0 0 14px}.empty-icon .icon{height:24px;width:24px;color:#7f9c6d}.empty-result h3{font-size:14px;font-weight:550;margin:0 0 9px;color:#5f7256}.empty-result p{font-size:11px;line-height:1.8;color:#929d8a;margin:0;max-width:280px}.example-tokens{display:flex;gap:7px;margin-top:20px;font-size:9px;font-family:ui-monospace,monospace;color:#94a787}.example-tokens>span{padding:4px 6px;border:1px dashed #d4e0ca;border-radius:4px}.result-actions>div{display:flex;gap:12px}.small-button{display:flex;align-items:center;gap:5px;padding:4px 0;border:0;background:transparent;font-size:10px;color:#5c7650;white-space:nowrap}.small-button .icon{height:13px;width:13px}.small-button:hover{color:#1c682d}.output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;min-height:268px;max-height:470px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.85;padding:7px 24px 20px;flex:1;color:#4b5f49;tab-size:2}.output mark{color:#2d743d;background:#e0efd7;border:1px solid #d7e8cb;border-radius:4px;padding:0 2px;box-decoration-break:clone}.workspace-bottom{border-top:1px solid var(--line);padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff}.action-hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#899180}.action-hint .icon{height:13px;width:13px}.main-actions{display:flex;align-items:center;gap:10px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:600;border:1px solid #263e26;border-radius:7px;background:#263e26;color:#f5faee;min-height:43px;padding:11px 17px;box-shadow:0 2px 3px #12220b12}.primary-button:hover{background:#355635;box-shadow:0 3px 8px #12220b20}.primary-button .icon{height:15px;width:15px}.secondary-button{border:1px solid #e0e5db;border-radius:7px;background:white;padding:11px 14px;font-size:11px;color:#798370;min-height:43px}.secondary-button:hover{background:#f5f7f1}.summary{border-top:1px solid #e2ebdb;padding:13px 24px;display:flex;align-items:center;gap:7px 15px;flex-wrap:wrap;font-size:11px;color:#3c6f35;background:#f0f7e9}.summary strong{font-weight:650}.stat-chip{font-size:10px;border-radius:4px;padding:3px 7px;background:white;border:1px solid #dfead7;color:#657b5b}.preview-notice{font-size:11px;color:#7a866e;padding:0 24px;line-height:1.6}.error{background:#fff2ed;color:#a5402c;font-size:12px;line-height:1.7;margin:0;padding:13px 24px;border-top:1px solid #f2d9cf}.file-panel{padding:0 24px;flex:1;min-height:268px}.drop-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1px dashed #cddbc3;border-radius:9px;width:100%;min-height:212px;background:#fafcf7;padding:20px;color:#70816b}.drop-zone:hover,.drop-zone.dragging{background:#edf6e6;border-color:#73a95a}.upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3e7;border:1px solid #dfe9d6;color:#718e62}.upload-icon .icon{width:21px;height:21px}.drop-zone strong{font-size:13px;color:#53694b;font-weight:550}.drop-action{font-size:11px;color:#45803d;text-decoration:underline;text-underline-offset:3px}.drop-zone small{font-size:9px;color:#95a18c;line-height:1.8;max-width:270px}.file-hint{font-size:10px;line-height:1.7;color:#98a08f}.file-details{display:flex;align-items:center;gap:11px;border:1px solid #dce9d3;background:#f0f7e9;padding:15px;border-radius:8px;margin-top:9px}.file-details>div{flex:1;min-width:0}.file-details strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:500}.file-details span{display:block;font-size:10px;color:#90a182;margin-top:5px}.file-details .icon{color:#6c8c58}.check-icon{width:15px}.file-panel.has-file .drop-zone{min-height:155px}.settings-grid{display:grid;grid-template-columns:1fr;padding:36px 0 26px}.section-heading h2{font-size:14px;font-weight:600;margin:0 0 8px}.section-heading p{font-size:11px;line-height:1.8;color:#8a9581;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.category{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #e1e5dc;border-radius:8px;padding:11px 12px;background:#fbfcf9;cursor:pointer;min-height:57px;min-width:0}.category:has(input:checked){background:#f0f5e9;border-color:#dce5d1}.category>svg{color:#809373;width:16px;height:16px}.category-text{min-width:0;flex:1}.category strong{display:block;font-size:11px;font-weight:550}.category small{display:block;font-size:9px;color:#9aa58e;margin-top:5px;line-height:1.5}.category input{accent-color:#47753d;appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1px solid #c4cfba;border-radius:4px;flex-shrink:0;background:#fff;margin:0;cursor:pointer}.category input:checked{background:#568645;border-color:#568645;box-shadow:inset 0 0 0 2px #f0f5e9}.review-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #e1e6d9;padding:19px 0 29px;color:#7d8c71}.review-note>.icon{width:17px;height:17px;margin-top:1px;color:#95a086}.review-note strong{font-size:11px;font-weight:550;color:#7e8b72}.review-note p{font-size:10px;line-height:1.9;margin:6px 0 0;color:#9aa38e}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1376px;margin:0 auto;padding:22px 48px 30px;border-top:1px solid #e4e8de;font-size:9px;color:#9ba58e}noscript p{text-align:center;padding:25px;background:#fff0df;font-size:14px}
@media(min-width:1500px){.page{max-width:1420px}.header-inner,.site-footer{max-width:1420px}.hero{padding:62px 0 46px}.hero h1{font-size:56px}.editor-heading{padding-top:25px}#source,.empty-result,.output{min-height:300px}}
@media(max-width:1000px){.header-inner,.page{padding-left:28px;padding-right:28px}.hero{grid-template-columns:1fr 270px;gap:14px}.hero-art{transform:scale(.88);transform-origin:center right}.hero h1{font-size:43px}.brand{gap:16px}.brand-product{font-size:10px;letter-spacing:1.4px}.benefits{gap:8px 12px;font-size:9px}.settings-grid{grid-template-columns:1fr}.editor-heading{padding:20px 18px 12px}.editor-heading h2{font-size:11px}.step{margin-right:4px}.status-pill{font-size:8px;padding:5px}.editor-foot{padding:12px 18px}.category{padding:10px 9px;gap:7px}.category small{font-size:8px}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.site-header{height:73px}.header-inner,.page{padding-left:20px;padding-right:20px}.brand img{width:112px}.brand{gap:11px}.brand-divider{height:19px}.brand-product{font-size:9px;letter-spacing:1px}.brand-dot{font-size:20px}.hero{display:block;padding:33px 0 28px}.hero-art{display:none}.hero h1{font-size:41px;letter-spacing:-1.6px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}.intro{font-size:12px;line-height:1.8;max-width:470px}.benefits{font-size:9px;margin-top:18px;gap:7px 14px}.workspace-top{padding:13px 14px;gap:7px}.tabs{padding:3px;gap:0}.tab{padding:9px;font-size:10px;gap:5px}.tab .icon{width:13px;height:13px}.text-button{font-size:9px;gap:4px}.text-button .icon{width:12px}.editors{grid-template-columns:1fr}.source{border-right:0;border-bottom:1px solid var(--line)}.editor-heading{padding:18px 18px 10px}.editor-heading h2{font-size:12px}.status-pill{font-size:9px}.text-panel #source{min-height:205px;padding:8px 18px 17px;resize:vertical}.empty-result,.output{min-height:205px}.output{padding:8px 18px 17px;max-height:350px}.editor-foot{padding:10px 18px;min-height:43px}.workspace-bottom{padding:15px;align-items:stretch;flex-direction:column;gap:15px}.action-hint{font-size:9px;justify-content:center}.main-actions{justify-content:stretch;gap:9px}.primary-button{flex:1;gap:20px}.secondary-button{padding:11px 12px}.settings-grid{grid-template-columns:1fr;padding:28px 0 23px;gap:23px}.category small{font-size:9px}.category{padding:11px;gap:9px}.review-note{padding:18px 0 24px}.site-footer{padding:20px;flex-direction:column;gap:9px;font-size:9px}.file-panel{padding:0 18px;min-height:240px}.drop-zone{min-height:198px}.summary{padding:12px 18px}.preview-notice{padding:0 18px}.error{padding:12px 18px}}
@media(max-width:370px){.header-inner,.page{padding-left:14px;padding-right:14px}.brand-product{font-size:8px}.brand img{width:102px}.hero h1{font-size:36px}.workspace-top{padding:10px}.tab{padding:8px 6px;font-size:9px}.category-grid{grid-template-columns:1fr}.text-button .icon{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.category strong,.category small{overflow-wrap:anywhere}@media(max-width:760px){.workspace-top{flex-wrap:wrap}.text-button{margin-left:auto}}

.language-switch{display:flex;align-items:center;gap:5px;flex-shrink:0}
.language-switch button{display:grid;place-items:center;width:38px;height:34px;padding:6px;border:1px solid transparent;border-radius:7px;background:transparent}
.language-switch button:hover{background:#edf2e9}
.language-switch button[aria-pressed="true"]{background:#edf5e8;border-color:#bdd1b0;box-shadow:0 1px 3px #243a1510}
.language-switch img{display:block;border-radius:2px;box-shadow:0 0 0 1px #15251912}
.site-footer{font-size:11px;color:#7c8875}
.footer-made{color:#56664f;font-weight:500}
.site-footer a{color:#65765c;text-underline-offset:4px;text-decoration-color:#c2cdbb}
.site-footer a:hover{color:var(--green)}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-switch{gap:3px}.language-switch button{width:32px;height:34px;padding:4px}.header-inner{gap:10px}.site-footer{font-size:11px}}
@media(max-width:370px){.category-grid{grid-template-columns:1fr}.brand{gap:8px}.brand img{width:90px}.brand-product{font-size:7px;letter-spacing:.7px}.language-switch button{width:30px}}

.footer-version{display:inline-block;margin-left:9px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#74806d;vertical-align:middle}

.footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.legal-page{max-width:980px;padding-top:42px;padding-bottom:55px}
.back-link{display:inline-block;margin-bottom:30px;font-size:12px;color:var(--green);text-decoration:none}
.back-link:hover{text-decoration:underline;text-underline-offset:4px}
.legal-date{font-size:11px;color:var(--muted);margin:0 0 14px}
.legal-page h1{font-size:clamp(30px,4vw,42px);letter-spacing:-1.2px;font-weight:650;margin:0 0 18px;overflow-wrap:anywhere}
.legal-intro{font-size:15px;line-height:1.85;margin:0 0 32px;padding:21px 25px;background:var(--mint);border:1px solid #dce7d4;border-radius:11px;color:#49633f}
.legal-section{padding:24px 0;border-top:1px solid var(--line)}
.legal-section h2{font-size:18px;line-height:1.5;font-weight:600;margin:0 0 14px}
.legal-section p,.legal-section address{font-size:14px;line-height:1.9;color:#576451;margin:0 0 14px;overflow-wrap:anywhere;font-style:normal}
.legal-section p:last-child{margin-bottom:0}
.legal-section a{color:var(--green);text-underline-offset:3px}
@media(max-width:760px){.legal-page{padding-top:28px;padding-bottom:32px}.legal-intro{font-size:14px;padding:18px}.legal-section h2{font-size:17px}.legal-section p,.legal-section address{font-size:13px}.back-link{margin-bottom:25px}}
