*{box-sizing:border-box}body{margin:0;background:#f4f6f1;color:#163f35;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,.button{border:1px solid #d5ded7;background:white;color:#163f35;padding:12px 15px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background .15s}button:hover,.button:hover{background:#e7eee7}button:disabled,.disabled{opacity:.45;pointer-events:none}.primary{background:#174b3f;color:white;border-color:#174b3f}.primary:hover{background:#0f3d32}.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #dce3dc;padding:26px 22px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;gap:9px;align-items:center;font-size:28px;text-decoration:none;color:#174b3f}.brand span{font-size:19px;font-weight:750}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:3px}.sidebar h2{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;margin:16px 0 -10px;color:#697c72}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{text-align:left;font-size:13px;padding:10px}.sidebar nav button.active{background:#edf2eb;border-color:#8aac99}.side-note{margin-top:auto;font-size:12px;color:#697c72;background:#f5f6f1;border-radius:10px;padding:14px}.side-note p{margin-bottom:0}main{padding:32px 42px;max-width:1660px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header>span{font-size:10px;letter-spacing:2px;font-weight:650}header select{width:140px;background:white}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.17;margin:26px 0 12px;max-width:800px}.lead{color:#617267;margin:0 0 28px;font-size:16px}.workspace{display:grid;grid-template-columns:minmax(350px,43%) minmax(330px,1fr);gap:24px;align-items:start}.editor{display:flex;flex-direction:column;gap:20px}.card{background:white;border:1px solid #dce4db;border-radius:15px;padding:24px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-title h2{font-size:17px;margin:0;letter-spacing:-.3px}.step{font-size:10px;background:#e9eee6;border-radius:6px;padding:5px 7px}.pill{margin-left:auto;color:#6a7c70;font-size:10px;white-space:nowrap}.card label{display:block;font-size:12px;margin:14px 0 5px;font-weight:600}input:not([type=checkbox]),select,textarea{border:1px solid #cfdad0;border-radius:8px;padding:10px;width:100%;background:#fff;color:#153e32}input:focus,select:focus,textarea:focus{outline:2px solid #bdceb8;outline-offset:2px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hint{font-size:11px;line-height:1.6;color:#6a7b6f}.layouts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.layout{display:flex;align-items:center;flex-direction:column;gap:3px;padding:14px 5px;font-size:12px}.layout b{font-size:25px;font-weight:400}.layout small{font-size:10px;color:#6a7b6f}.layout.selected{border-color:#1c5b46;background:#f0f5ed;box-shadow:inset 0 0 0 1px #1c5b46}.toggles{display:flex;gap:22px}.toggles label{display:flex;gap:6px;align-items:center;font-size:12px}.toggles input{accent-color:#174b3f}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#65796a;border-bottom:1px solid #dce4db;padding:9px 4px}td{padding:10px 4px;border-bottom:1px solid #edf0e9}td:first-child{width:27px}td input[type=checkbox]{accent-color:#174b3f}td:last-child{width:100px}td input:not([type=checkbox]){padding:6px;font-size:12px}td small{display:block;color:#7b877d;font-size:10px}details{margin-top:18px;font-size:12px}summary{cursor:pointer;color:#486b55}details button{margin:10px 0}details a{color:#486b55;margin-left:8px}.actions{display:grid;gap:10px}.actions .hint{margin:0}.preview{min-height:720px;position:sticky;top:24px}.preview iframe{width:100%;height:760px;border:0;background:#e5e8e2;border-radius:8px}#empty{text-align:center;max-width:320px;margin:145px auto;color:#6b7c6e}#empty>span{font-size:70px;font-weight:200;color:#a6b7a2}#empty h3{font-size:19px;color:#234c39;font-weight:500}#empty p{font-size:12px}#message:not(:empty){padding:14px 18px;border:1px solid #cbdcc9;background:#e9f1e5;border-radius:10px;margin:15px 0}#message.error{background:#fff2e7;border-color:#e4c9ab;color:#784824}footer{font-size:10px;color:#768674;margin:26px 0}#history-row{border-top:1px solid #e4e8df;padding-top:9px}#history-row select{margin-bottom:10px}[hidden]{display:none!important}@media(max-width:1100px){main{padding:24px}.app{grid-template-columns:200px 1fr}.sidebar{padding:24px 16px}.brand span{font-size:16px}.workspace{grid-template-columns:1fr}.preview{position:static;min-height:450px}.preview iframe{height:650px}#empty{margin:70px auto}h1{font-size:32px}}@media(max-width:650px){.app{display:block}.sidebar{border-right:0;border-bottom:1px solid #dce3dc;padding:16px;gap:12px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar h2,.side-note{display:none}.sidebar>.primary{position:absolute;right:16px;top:16px;padding:8px;font-size:12px}.brand span{font-size:17px}.brand{font-size:25px}main{padding:22px 16px}h1{font-size:30px}.card{padding:18px}.preview iframe{height:500px}.columns{gap:10px}.section-title h2{font-size:15px}header>span{font-size:8px;letter-spacing:1px}.toggles{gap:14px}}