.brandbar .local{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#7a837e!important}.brandbar .local:before{content:"";width:9px;height:9px;border-radius:999px;background:#35c96f;box-shadow:0 0 0 3px #35c96f24,0 0 10px #35c96f99}:root{--ink:#141923;--muted:#697386;--paper:#f6f3ee;--white:#fff;--teal:#0f8278;--lime:#bdfa20;--leaf:#2f8f47;--line:#dcdedb;--orange:#ff5b32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{height:57px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:24px;background:#101419;color:#fff}.topbar a{color:inherit;text-decoration:none;font-weight:800}.quote{margin-left:auto;padding:13px 20px;border-radius:999px;background:var(--teal)}.brandbar{height:70px;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:13px;border-bottom:1px solid #ddd9d1;background:#f6f3ee;color:var(--ink)}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#151923;color:var(--lime);font:900 21px/1 Inter,"Segoe UI",Arial,sans-serif}.brandbar strong{font:850 18px/1.1 Inter,"Segoe UI",Arial,sans-serif}.brandbar strong i{color:var(--orange);font-style:normal}.brandbar .local{margin-left:auto;color:#7a837e;font-size:.78rem}.language-btn{min-width:0;margin:0;padding:10px 15px;border:1px solid #ffffff2b;border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;white-space:nowrap}main{max-width:1440px;margin:auto;padding:62px 28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:46px}.eyebrow{color:var(--leaf);font-weight:900;letter-spacing:.18em}.hero h1{font-size:clamp(2.65rem,5.2vw,5rem);line-height:.94;margin:14px 0 0;max-width:920px}.hero>p{color:var(--muted);font-size:1.12rem;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(430px,.8fr) minmax(560px,1.2fr);gap:24px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 48px #1c2c3012}.controls{padding:28px}.section-title{display:flex;gap:14px;align-items:center;margin:6px 0 18px}.section-title.compact-title{margin:0}.section-title b{display:grid;place-items:center;min-width:44px;height:44px;border-radius:10px;background:var(--ink);color:#fff}.section-title h2{margin:0;font-size:1.35rem}.section-title p{margin:3px 0 0;color:var(--muted)}.grid{display:grid;gap:14px;margin-bottom:30px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.compact{max-width:460px}label{display:grid;gap:8px;font-size:.82rem;font-weight:900;letter-spacing:.04em}label span{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-right:12px;color:var(--muted);font-weight:500}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;font:inherit;font-size:1rem}label span input{border:0;border-radius:0}input[type=color]{width:68px;min-width:58px;height:42px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}button,.button-link{border:0;border-radius:11px;padding:11px 14px;background:var(--teal);color:#fff;font:inherit;font-size:.9rem;font-weight:900;line-height:1.15;cursor:pointer;text-align:center;text-decoration:none}button:hover,.button-link:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eef2f2;color:var(--ink)}.preview{padding:24px;position:sticky;top:20px}.preview-head{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}.preview-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.preview-mode{display:inline-flex;padding:4px;border:1px solid #d8ddd9;border-radius:12px;background:#eef1ee}.preview-mode button{min-width:0;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#141923;font:800 14px/1.1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:none}.preview-mode button.active{background:#141923;color:#fff}.pill{padding:10px 14px;border-radius:999px;background:#fff4d7;color:#795300;font-weight:900;white-space:nowrap}.pill.good{background:#e8f8f3;color:#087468}.pill.bad{background:#ffe8e3;color:#b32f17}.preview-stage{position:relative;margin-top:14px}canvas{display:block;width:100%;aspect-ratio:1.415;background:linear-gradient(145deg,#f7f8f6,#eceeea);border:1px solid var(--line);border-radius:18px;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.view-presets{position:absolute;z-index:5;right:18px;top:18px;display:flex;gap:5px}.view-presets button{min-width:0;padding:11px 12px;border:0;border-radius:5px;background:#252a34;color:#fff;font:800 10px/1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:0 7px 16px #1113}.zoom-controls{position:absolute;z-index:7;right:14px;bottom:14px;display:grid;grid-template-columns:42px 78px 42px;gap:3px;padding:4px;border-radius:9px;background:#171b24eb;box-shadow:0 6px 14px #1114}.zoom-controls button{min-width:0;height:36px;padding:0;border:1px solid #fff5;border-radius:6px;background:#ffffff12;color:#fff;font:800 12px/1 Inter,"Segoe UI",Arial,sans-serif}.drag-hint{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#fffc;color:#737c88;font-size:12px;white-space:nowrap;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:16px}.stats article{padding:16px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;margin-top:7px}.warnings{margin-top:14px}.warnings p{margin:0;padding:12px 14px;border-radius:12px;background:#fff4d7;color:#654b0a}.privacy{text-align:center;color:#8a929d;font-size:.78rem;margin:18px 0 0}@media(max-width:1180px){.workspace,.hero{grid-template-columns:1fr}.preview{position:static}.hero h1{font-size:4rem}}@media(max-width:760px){.brandbar strong{font-size:14px}.brandbar .local{display:none}.view-presets{right:8px;top:8px}.view-presets button{padding:9px 7px;font-size:8px}.drag-hint{display:none}.grid.three,.grid.two,.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid var(--line)}main{padding:38px 14px}.hero h1{font-size:3rem}.controls,.preview{padding:18px}}