:root{color-scheme:light;--ink:#1a1c1a;--muted:#5c6560;--line:#e4e7e4;--bg:#f3f4f2;--surface:#ffffff;--green:#008060;--green-dark:#006e52;--danger:#b42318}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--green-dark)}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.side{background:#14221c;color:#e7f2ec;padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.03em}.mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#008060;color:white;font-weight:800}.side nav{display:flex;flex-direction:column;gap:4px}.side button{text-align:left;background:transparent;color:#d5e6de;border:0;border-radius:8px;padding:9px 10px;cursor:pointer}.side button.active,.side button:hover{background:rgba(255,255,255,.08);color:white}.main{padding:28px;max-width:1100px}.top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}h1{font-size:28px;margin:0 0 6px;letter-spacing:-.04em}.sub{color:var(--muted);margin:0}.badge{background:#e3f5ee;color:#065f46;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.meter{height:8px;background:#ecefee;border-radius:99px;overflow:hidden;margin-top:8px}.meter span{display:block;height:100%;background:var(--green)}.btn,.btn-danger,.btn-secondary{border-radius:8px;padding:8px 12px;cursor:pointer;border:1px solid transparent}.btn{background:var(--green);color:white}.btn:hover{background:var(--green-dark)}.btn-secondary{background:white;border-color:var(--line)}.btn-danger{background:white;color:var(--danger);border-color:#f3c7c3}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:260px 1fr;grid-gap:14px;gap:14px}.list-btn{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:10px;padding:10px;cursor:pointer;margin-bottom:8px}.list-btn.active{border-color:#008060;box-shadow:inset 0 0 0 1px #008060}input[type=text],textarea{width:100%;border:1px solid #cfd6d1;border-radius:8px;padding:8px 10px;background:white}textarea{min-height:90px;resize:vertical}label.field{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.templates{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.template{text-align:left;border:1px solid var(--line);background:white;border-radius:12px;padding:12px;cursor:pointer}.template.active{border-color:#008060;box-shadow:inset 0 0 0 1px #008060}.template small{display:block;color:var(--muted);margin-top:4px}.colors{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.note{background:#fff8e8;border:1px solid #f3e2b3;color:#6b5308;border-radius:10px;padding:10px 12px}.error{color:var(--danger)}.locked{opacity:.62}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.price{font-size:28px;margin:8px 0;letter-spacing:-.04em}.preview-wrap{margin-top:14px}.install{max-width:560px;margin:10vh auto;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}@media (max-width:900px){.app-shell,.colors,.grid,.plans,.split,.templates{grid-template-columns:1fr}.app-shell{display:block}}