@font-face{font-family:Manrope;src:url(/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-cyrillic-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}:root{--bg: #0f1311;--panel: #171c19;--panel2: #1f2622;--line: #2d3530;--text: #f3f1e9;--muted: #aab3ab;--accent: #d8f36a;--on: #111512;--bad: #ff8d7a;--warn: #f4c95d;--good: #8fe0a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 700px at 80% -10%,#25331f 0%,transparent 60%),var(--bg);color:var(--text);font:16px/1.55 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:var(--accent)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px clamp(16px,4vw,56px);background:#0f1311d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;font-size:18px}.btn{background:var(--accent);color:var(--on);border:1px solid var(--accent);border-radius:12px;padding:12px 22px;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover:not(:disabled){border-color:var(--accent)}.btn.small{padding:8px 14px;font-size:14px}.btn.big{padding:16px 30px;font-size:18px}.btn.wide{width:100%}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:clamp(32px,6vw,80px) clamp(16px,4vw,56px);max-width:1440px;margin:auto}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:18px}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.06;font-weight:800;letter-spacing:-.02em}h1 em{font:italic 700 1em Playfair Display,serif;font-style:normal;color:var(--accent)}.lead{color:var(--muted);font-size:19px;margin:22px 0 28px;max-width:34em}.note{color:var(--muted);font-size:14px;margin-top:12px}.note.warn{color:var(--warn)}.add .btn{padding:9px 14px;font-size:14px}.demo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-row figure{position:relative;margin:0}.demo-row figure:nth-child(2){transform:translateY(26px)}.d-card{border-radius:16px;box-shadow:0 24px 60px #00000080;aspect-ratio:3/4;object-fit:cover;width:100%}.demo-row figcaption{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.25}.d-src{width:56px;height:56px;flex:none;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.studio{max-width:1180px;margin:40px auto 56px;padding:0 clamp(16px,4vw,32px);scroll-margin-top:80px}.steps{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 20px;flex-wrap:wrap}.steps button{display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--muted);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600}.steps button:disabled{cursor:default;opacity:.55}.steps i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel2);font-size:13px}.steps .now button{color:var(--text);background:var(--panel)}.steps .now i,.steps .done i{background:var(--accent);color:var(--on)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,36px)}.panel.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.panel h2{font-size:28px;font-weight:800;letter-spacing:-.01em}.muted{color:var(--muted);margin:6px 0 16px}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.45}}.drop{display:grid;place-items:center;min-height:260px;border:2px dashed var(--line);border-radius:18px;cursor:pointer;text-align:center;padding:16px;transition:border-color .15s,background .15s;overflow:hidden}.drop:hover,.drop.over{border-color:var(--accent);background:#d8f36a0d}.drop b{display:block;font-size:19px}.drop small{color:var(--muted)}.drop img{max-height:340px;border-radius:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips button,.switch button{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:600;font-size:14px}.chips [aria-checked=true],.switch [aria-checked=true]{background:var(--accent);color:var(--on);border-color:var(--accent)}.switch{display:flex;gap:8px;margin-bottom:14px}.row{display:flex;gap:10px;margin-top:18px;align-items:center}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap;margin-top:10px}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.modes button{text-align:left;background:var(--panel2);border:2px solid var(--line);border-radius:16px;padding:18px;cursor:pointer}.modes button.on{border-color:var(--accent)}.modes b{display:block;font-size:18px;margin-bottom:6px}.modes span{color:var(--muted);font-size:14px}.ref{margin-top:16px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:center}.ref .drop{min-height:180px}.ref .drop img{max-height:200px}label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}input:not([type=file]),textarea{display:block;width:100%;margin-top:5px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:500 16px Manrope,sans-serif}input:focus,textarea:focus{border-color:var(--accent);outline:none}.preview{border-radius:16px;max-height:420px;object-fit:contain}.alert{background:#ff8d7a1f;border:1px solid var(--bad);color:var(--bad);padding:12px 16px;border-radius:12px;margin-bottom:16px;font-weight:600}.checks{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:14px}.checks li{padding:10px 12px 10px 14px;border-radius:10px;background:var(--panel2);border-left:4px solid var(--good)}.checks .bad{border-left-color:var(--bad)}.checks .warn{border-left-color:var(--warn)}.check.warn{color:var(--warn);font-size:14px}.result{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.stage{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;place-items:center;min-height:520px}.stage>img{max-height:76vh;border-radius:14px}.peek{position:absolute;bottom:26px;left:50%;transform:translate(-50%);background:#0f1311d9;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;touch-action:none}.side{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px}.side h3{font-size:16px;margin-top:16px}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{position:relative;width:62px}.thumb>button:first-child{padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:none;cursor:pointer;display:block}.thumb.on>button:first-child{border-color:var(--accent)}.thumb .x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;line-height:16px;padding:0;border-radius:50%;border:0;background:var(--panel2);cursor:pointer}details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:700}details label{margin-top:10px}details .btn{margin-bottom:8px}.side .btn.big{margin-top:16px}.progress{width:min(100%,340px);text-align:center}.progress-card{aspect-ratio:3/4;border-radius:14px;background:var(--panel2);overflow:hidden;position:relative;margin-bottom:14px}.shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,#d8f36a22 50%,transparent 70%);animation:shine 1.8s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar{height:6px;background:var(--panel2);border-radius:6px;overflow:hidden;margin:8px 0}.bar span{display:block;height:100%;background:var(--accent);transition:width .4s}.foot{max-width:1180px;margin:auto;padding:0 clamp(16px,4vw,32px) 36px;color:var(--muted);font-size:13px}.foot p{margin-top:6px}.usage{color:var(--text);font-weight:600;font-size:14px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:min(100%,380px);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.login .brand{margin-bottom:18px}.login .alert{margin:0 0 12px}@media(max-width:980px){.hero,.result,.panel.two{grid-template-columns:minmax(0,1fr)}.hero{gap:40px}.preview{max-height:260px}}@media(max-width:620px){.modes,.ref{grid-template-columns:minmax(0,1fr)}.demo-row figure:nth-child(2){transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shine,.pulse{animation:none}.btn{transition:none}}