/* imgtext.ru — общий SaaS-дизайн */
:root{--bg:#f7f8fb;--ink:#101828;--muted:#667085;--brand:#635bff;--brand-dark:#4f46e5;--success:#12b76a;--line:#e6e8ef;--card:#fff;--soft:#f2f4ff;--shadow:0 24px 70px rgba(16,24,40,.10)}
    *{box-sizing:border-box}body{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 0% 0%,rgba(99,91,255,.16),transparent 34rem),radial-gradient(circle at 100% 12%,rgba(18,183,106,.14),transparent 30rem),var(--bg)}
    .site-navbar{background:rgba(255,255,255,.84);border-bottom:1px solid rgba(230,232,239,.88);backdrop-filter:blur(18px)}.brand-dot{width:.75rem;height:.75rem;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--success));display:inline-block;box-shadow:0 0 0 6px rgba(99,91,255,.12)}
    .navbar-brand{letter-spacing:-.02em}.nav-link{font-weight:650;color:#475467}.nav-link:hover,.nav-link.active{color:var(--brand)}.btn{border-radius:999px;font-weight:650}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark);box-shadow:0 10px 25px rgba(99,91,255,.22)}.btn-outline-primary{--bs-btn-color:var(--brand);--bs-btn-border-color:rgba(99,91,255,.35);--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand)}
    .app-shell{max-width:1440px}.section{padding:4.75rem 0}.hero{padding:7rem 0 4.5rem}.display-title{letter-spacing:-.055em;line-height:.96}.lead,.text-muted2{color:var(--muted)}.badge-soft{background:rgba(99,91,255,.10);color:#4238ca;border:1px solid rgba(99,91,255,.18)}
    .panel,.glass-card,.mini-card{background:rgba(255,255,255,.9);border:1px solid rgba(230,232,239,.96);border-radius:28px;box-shadow:var(--shadow)}.mini-card{box-shadow:0 12px 35px rgba(16,24,40,.06)}.panel-subtle{background:rgba(255,255,255,.66);border:1px solid rgba(230,232,239,.86);border-radius:22px}.feature-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(99,91,255,.12),rgba(18,183,106,.12));display:grid;place-items:center;font-weight:800;color:#4238ca}.mono,.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.code{background:#0b1020;color:#e9edf8;border-radius:18px;padding:1rem;overflow:auto}.code .dim{color:#98a2b3}.preview-img{max-width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 18px 45px rgba(16,24,40,.12)}
    .copy-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(16,24,40,.05)}.example-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.form-control,.form-select{border-color:#d9deea;border-radius:14px;padding:.72rem .9rem}.form-control:focus,.form-select:focus{border-color:rgba(99,91,255,.65);box-shadow:0 0 0 .25rem rgba(99,91,255,.12)}.form-label{font-weight:650;color:#344054}.hint{color:var(--muted);font-size:.875rem}

/* Страница конструктора */
.topbar{background:rgba(255,255,255,.78);border:1px solid rgba(230,232,239,.88);box-shadow:0 18px 50px rgba(16,24,40,.06);backdrop-filter:blur(16px);border-radius:24px}.preview-stage{min-height:520px;background:linear-gradient(45deg,#f2f4f7 25%,transparent 25%),linear-gradient(-45deg,#f2f4f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f4f7 75%),linear-gradient(-45deg,transparent 75%,#f2f4f7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:24px;border:1px dashed #d0d5dd;overflow:hidden}.preview-stage .preview-img{max-height:480px;width:auto;height:auto}.preset{border:1px solid var(--line);background:#fff;border-radius:16px;padding:.72rem .85rem;text-align:left;transition:.16s ease}.preset:hover,.preset.active{border-color:rgba(99,91,255,.55);transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.08)}.color-swatch{width:38px;height:38px;border-radius:12px;border:1px solid rgba(16,24,40,.12)}.metric{border-radius:18px;background:var(--soft);color:#4238ca;padding:.8rem 1rem}.range-wrap input{accent-color:var(--brand)}