*{box-sizing:border-box}body{margin:0;background:#f6f5ee;color:#20372f;font:16px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #cbd3c9;border-radius:12px;padding:12px 18px;background:#fff;color:#20372f;font-weight:650}button:hover{background:#edf1e9}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:800;text-decoration:none}.brand span{color:#bd542e}.header-right{display:flex;align-items:center;gap:20px}.local{font-size:13px;color:#506655}.local:before{content:'●';color:#557b51;margin-right:7px}select,input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #c6cec3;border-radius:10px;padding:11px 12px;background:#fff;color:#20372f;min-height:46px}#language{width:112px;min-width:112px}textarea{resize:vertical}input[type=color]{height:46px;padding:5px;cursor:pointer}input[type=checkbox]{accent-color:#183e35;width:18px;height:18px;flex-shrink:0}label{display:block;font-weight:650;font-size:14px;margin:17px 0 7px}.check{display:flex;align-items:center;gap:9px;font-weight:500}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}main{max-width:1240px;margin:auto;padding:0 40px}.intro{padding:30px 0 28px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#65765e}h1{font-size:clamp(35px,5vw,58px);line-height:1.1;letter-spacing:-2px;margin:14px 0}p{margin:10px 0}.intro>p:last-child{color:#596d5d;max-width:650px}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.controls,.preview-panel{background:#fff;border:1px solid #dde2d5;border-radius:22px;padding:26px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f3ec;padding:5px;border-radius:13px;gap:4px}.tabs button{border:0;background:transparent;padding:10px}.tabs button.active{background:#183e35;color:#fff}.hint{font-size:13px;color:#59695b;line-height:1.6}.subtle{padding:8px 0;border:0;background:transparent;margin-top:15px;color:#64745d;text-decoration:underline}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{font-size:11px;padding:5px 10px;background:#edf3e8;border-radius:20px;color:#41623c}.preview-stage{min-height:360px;display:grid;place-items:center;padding:32px 16px;background:#f6f7f0;border-radius:16px;margin:20px 0;overflow:hidden}#preview{width:100%;display:flex;justify-content:center;align-items:center}#preview svg{display:block;max-width:100%;height:auto;max-height:330px}#empty{text-align:center;max-width:260px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px}.primary{background:#b44c29;color:#fff;border-color:#b44c29}.primary:hover{background:#963e21}#status{font-size:14px;min-height:21px;color:#9a3f24}.download-settings{display:flex;align-items:center;justify-content:space-between;gap:12px}.download-settings label{margin:0}.download-settings select{width:150px}#info{min-height:20px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:38px 4px 44px}.notes h2{font-size:19px;margin:0 0 8px}.notes p{font-size:14px;color:#61705f}footer{border-top:1px solid #dde2d5;max-width:1240px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#63715f}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{text-decoration:none}.legal{max-width:800px;padding-top:24px}.legal h1{font-size:38px}.legal h2{font-size:21px;margin-top:25px}.legal p{margin:14px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}:focus-visible{outline:3px solid #b44c29;outline-offset:3px}@media(max-width:800px){header{padding:18px 20px}.local{display:none}main{padding:0 20px}.intro{padding:18px 0 24px}.workspace{grid-template-columns:minmax(0,1fr)}.controls,.preview-panel{padding:20px}.preview-stage{min-height:270px;padding:20px 12px}#preview svg{max-height:270px}.notes{gap:24px;padding:30px 0}.header-right{gap:8px}#install{font-size:12px;padding:8px}.brand{font-size:23px}footer{padding:20px}.downloads{grid-template-columns:1fr 1fr;font-size:14px}.downloads button{padding:12px 7px}}@media(max-width:400px){.notes{grid-template-columns:1fr}.brand{gap:7px}.brand img{width:34px;height:34px}#language{width:105px;min-width:105px}}
