:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20382e;background:#f6f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6db}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#20382e;font-size:30px;font-weight:800;letter-spacing:-1.5px}.mark{background:#d6f969;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:35px;height:39px;font-size:38px}.tag{font-size:10px;letter-spacing:1.5px;color:#718075;font-weight:600;margin-left:18px;border-left:1px solid #ccd5c9;padding-left:22px}.header-note{font-size:12px;color:#788277}main{max-width:1224px;margin:auto;padding:55px 36px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#68805b}h1{font-size:58px;letter-spacing:-3px;line-height:1.05;margin:16px 0 20px;font-weight:650}h1 span{color:#829774}.intro{color:#718072;font-size:15px;max-width:530px;line-height:1.7;margin:0 0 35px}.workspace{display:grid;grid-template-columns:0.85fr 1.15fr;gap:22px}.card{border:1px solid #dce3d7;background:#fff;border-radius:17px;box-shadow:0 4px 14px #213b2703;padding:26px}.step{font-family:monospace;color:#95a58a;font-size:12px;display:flex;gap:13px;align-items:center}.step span{color:#4e6253;font-size:10px;font-family:system-ui;letter-spacing:1.4px;font-weight:650}.drop{border:1.5px dashed #cbd7c2;background:#f9fbf6;border-radius:11px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:29px 12px;margin-top:24px;cursor:pointer;position:relative}.drop:hover,.drop.over{border-color:#5a7c39;background:#f0f8e5}.drop:focus-within{outline:2px solid #41692a;outline-offset:3px}.file-icon{font-size:29px;margin-bottom:13px;color:#779462;background:#eef4e5;border-radius:12px;padding:0 13px}.drop strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.drop>span:not(.file-icon){font-size:12px;color:#82917c;margin-top:7px}.drop small{font-size:10px;color:#94a08e;margin-top:22px}.drop input{position:absolute;width:1px;height:1px;opacity:0}.format{display:flex;gap:13px;align-items:center;margin:23px 0}.column{border:1px solid #dbe3d4;border-radius:6px;background:#f5f8f0;font-family:monospace;padding:9px 13px;color:#6d855c}.format strong{font-size:12px}.format p{font-size:11px;line-height:1.5;color:#8b9686;margin:4px 0 0}.primary{background:#d6f969;color:#284027;border:1px solid #c8ec5b;border-radius:8px;font-size:13px;font-weight:700;padding:14px 17px;width:100%;display:flex;justify-content:space-between;cursor:pointer}button:disabled{opacity:.45;cursor:default}.privacy{color:#99a292;font-size:10px;text-align:center;margin:19px 0 0}.output-card{display:flex;flex-direction:column;min-width:0}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{font-size:8px;color:#8c9984;border:1px solid #e0e6db;background:#f8faf5;padding:5px 7px;border-radius:5px;letter-spacing:.7px}.schema{display:flex;gap:6px;margin:24px 0 0;flex-wrap:wrap}.schema span{font:10px monospace;background:#f4f7f0;border:1px solid #e6ebdf;border-radius:5px;padding:6px;color:#7a8a70}#empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:33px 0}.brackets{font:38px monospace;color:#b8c6ad;margin-bottom:13px}#empty strong{font-size:13px;font-weight:550}#empty p{font-size:11px;color:#9ba593}#empty code{background:#f6f8f3;color:#91a082;font-size:10px;padding:12px;border-radius:6px;margin-top:8px}#empty small{font-size:9px;color:#a0aa97;margin-top:6px}.output-actions{border-top:1px solid #e9ede4;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.output-actions>span{font-size:10px;color:#91a085}.output-actions>div{display:flex;gap:8px}button{font-family:inherit}.copy,.secondary{padding:9px 13px;border-radius:7px;font-size:11px;cursor:pointer}.copy{background:#294133;color:white;border:1px solid #294133}.copy span{margin-left:9px}.secondary{background:white;color:#71856a;border:1px solid #e1e7db}textarea{width:100%;min-height:245px;resize:vertical;flex:1;border:0;background:#f9fbf6;border-radius:8px;margin:15px 0;padding:15px;font:12px/1.8 monospace;color:#34543a;outline-color:#91b471}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:#6b805e;margin-top:18px}progress{width:100%;height:6px;accent-color:#83ae42}.message{font-size:12px;color:#9a482a;line-height:1.5}.message:empty{display:none}.issues{margin-top:22px}.issues h2{font-size:16px;margin-top:0}.issues p,.issue{font-size:12px;color:#8a6047;line-height:1.6}.issue{padding:10px 0;border-top:1px solid #eee9df;overflow-wrap:anywhere}.issue a{color:#6f7e50}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9aa48f;margin:28px 0;padding:15px 0}footer>span{font-size:8px;letter-spacing:1.5px}footer p{font-size:10px}[hidden]{display:none!important}@media(max-width:800px){header{padding:22px}.header-note{display:none}main{padding:35px 20px 0}.workspace{grid-template-columns:1fr}h1{font-size:48px}.card{padding:21px}.tag{font-size:8px}footer{align-items:flex-start;flex-direction:column;gap:5px}.output-card{min-height:380px}}@media(prefers-reduced-motion:no-preference){button,.drop{transition:background .15s,border-color .15s}}
