/* gretch.vip: стили интерактивных инструментов (.gt-*) */
.gt{--gt-a:#4f46e5;--gt-a2:#4338ca;--gt-al:#eef2ff;--gt-t:#111827;--gt-m:#4b5563;--gt-b:#e5e7eb;--gt-bg:#f9fafb;--gt-ok:#047857;--gt-okbg:#ecfdf5;--gt-bad:#b91c1c;--gt-badbg:#fef2f2;--gt-mid:#b45309;--gt-midbg:#fffbeb;
  box-sizing:border-box;max-width:100%;margin:20px 0 28px;padding:16px;border:1px solid var(--gt-b);border-radius:12px;background:#fff;color:var(--gt-t);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.gt *,.gt *::before,.gt *::after{box-sizing:border-box}
.gt-title{font-size:1.1rem;font-weight:700;margin:0 0 12px}
.gt-sub{font-weight:700;margin:16px 0 8px}
.gt p{margin:0 0 10px}
.gt a{color:var(--gt-a);text-decoration:underline;text-underline-offset:2px}
.gt-field{margin:0 0 14px}
.gt label{display:block;font-weight:600;margin:0 0 6px}
.gt input[type=text],.gt input[type=url],.gt select,.gt textarea{display:block;width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;color:var(--gt-t);background:#fff;border:1px solid #cbd5e1;border-radius:12px}
.gt textarea{min-height:96px;resize:vertical}
.gt input:focus,.gt select:focus,.gt textarea:focus,.gt button:focus-visible{outline:3px solid #c7d2fe;outline-offset:1px;border-color:var(--gt-a)}
.gt-hint{font-size:.9rem;color:var(--gt-m);margin:6px 0 0}
.gt-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
.gt-row>*{flex:1 1 140px;min-width:0;margin:0}
.gt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;font:inherit;font-weight:600;line-height:1.25;text-align:center;color:#fff;background:var(--gt-a);border:1px solid var(--gt-a);border-radius:12px;cursor:pointer;text-decoration:none!important;max-width:100%}
.gt-btn:hover{background:var(--gt-a2);border-color:var(--gt-a2)}
.gt-btn-2{color:var(--gt-a)!important;background:#fff}
.gt-btn-2:hover{background:var(--gt-al)}
.gt-btn[disabled]{opacity:.45;cursor:default}
.gt-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.gt-msg{margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:.95rem}
.gt-msg[hidden]{display:none}
.gt-msg-err{color:var(--gt-bad);background:var(--gt-badbg)}
.gt-msg-info{color:#1e3a8a;background:var(--gt-al)}
.gt-out{padding:12px;border-radius:12px;background:var(--gt-bg);border:1px dashed #c7d2fe;font-family:ui-monospace,Consolas,monospace;font-size:.95rem;word-break:break-all}
.gt-qr-box{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin:16px 0 0}
.gt-qr-img{flex:0 1 280px;max-width:100%}
.gt-qr-img canvas{display:block;width:100%;max-width:280px;height:auto;border:1px solid var(--gt-b);border-radius:12px;background:#fff}
.gt-qr-side{flex:1 1 220px;min-width:0}
.gt-qr-side .gt-row{margin-top:0}
.gt [hidden]{display:none!important}
/* мастер */
.gt-prog{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.9rem;color:var(--gt-m)}
.gt-track{flex:1;height:8px;border-radius:8px;background:var(--gt-al);overflow:hidden}
.gt-track>span{display:block;height:100%;width:6%;background:var(--gt-a);border-radius:8px;transition:width .25s}
.gt-q{font-size:1.1rem;font-weight:700;margin:0 0 12px;outline:none}
.gt-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.gt-opt{min-height:48px;padding:10px 14px;font:inherit;text-align:left;color:var(--gt-t);background:var(--gt-bg);border:1px solid var(--gt-b);border-radius:12px;cursor:pointer}
.gt-opt:hover{border-color:var(--gt-a);background:var(--gt-al)}
.gt-steps,.gt-todo,.gt-now{margin:0 0 12px;padding-left:1.4em}
.gt-steps li,.gt-todo li,.gt-now li{margin:0 0 8px}
.gt-more{font-size:.95rem}
.gt-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--gt-b)}
/* безопасность */
.gt-checks{list-style:none;margin:0 0 14px;padding:0}
.gt-check label{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;margin:0 0 6px;font-weight:400;border:1px solid var(--gt-b);border-radius:12px;cursor:pointer}
.gt-check input{flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;accent-color:var(--gt-a)}
.gt-check input:checked+span{color:var(--gt-m)}
.gt-score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 8px}
.gt-score b{font-size:1.6rem}
.gt-level{font-weight:700;padding:4px 10px;border-radius:12px}
.gt-meter{height:12px;border-radius:12px;background:#f1f5f9;overflow:hidden;margin:0 0 12px}
.gt-meter-fill{display:block;height:100%;border-radius:12px;transition:width .3s}
.gt-lvl-low{color:var(--gt-bad);background:var(--gt-badbg)}
.gt-lvl-mid{color:var(--gt-mid);background:var(--gt-midbg)}
.gt-lvl-high{color:var(--gt-ok);background:var(--gt-okbg)}
.gt-meter-fill.gt-lvl-low{background:#ef4444}.gt-meter-fill.gt-lvl-mid{background:#f59e0b}.gt-meter-fill.gt-lvl-high{background:#10b981}
.gt-ok{color:var(--gt-ok)}
/* статус */
.gt-verdict{padding:14px;border-radius:12px;margin:0 0 8px;background:var(--gt-bg)}
.gt-v-ok{background:var(--gt-okbg);color:#064e3b}
.gt-v-bad{background:var(--gt-midbg);color:#78350f}
.gt-v-na{background:#f1f5f9;color:var(--gt-m)}
.gt-upd{font-size:.9rem;color:var(--gt-m);margin:0 0 14px}
.gt-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gt-table{width:100%;border-collapse:collapse;font-size:.95rem}
.gt-table th,.gt-table td{padding:8px 10px;border-bottom:1px solid var(--gt-b);text-align:left;white-space:nowrap}
.gt-table th{font-weight:600;color:var(--gt-m);background:var(--gt-bg)}
.gt-ok-t{color:var(--gt-ok);font-weight:600}.gt-bad-t{color:var(--gt-bad);font-weight:600}
.gt-chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding:6px 0 0;border-bottom:1px solid #cbd5e1}
.gt-bar{flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end}
.gt-bar span{display:block;width:100%;background:var(--gt-a);border-radius:3px 3px 0 0;min-height:0}
.gt-bar:last-child span{background:#f59e0b}
.gt-axis{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gt-m);margin:4px 0 10px}
.gt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.gt-chip{font-size:.85rem;padding:3px 10px;border-radius:12px;background:var(--gt-bg);border:1px solid var(--gt-b);color:var(--gt-m)}
.gt-rep{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.gt-note{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--gt-okbg);color:#064e3b}
.gt-box{margin:16px 0 0;padding:14px;border-radius:12px;background:var(--gt-bg)}
/* помогла ли статья */
.gt-help{text-align:left}
.gt-help-q{font-weight:700;margin:0}
.gt-help .gt-actions .gt-btn{min-width:88px}
.gt-help-done{margin:0;font-weight:600;color:var(--gt-ok)}
.gt-help-more{margin:10px 0 0;font-size:.95rem}
@media (max-width:420px){.gt{padding:14px 12px}.gt-actions .gt-btn{flex:1 1 auto}.gt-opts{grid-template-columns:1fr}}
.gt-table td:first-child{white-space:normal;min-width:110px;word-break:break-word}