.ql-tools{--tool-blue:#2466ed;--tool-violet:#7955e9;--tool-ink:#192542;--tool-muted:#62708a;--tool-line:#e1e7f2}.ql-tools .tools-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr);align-items:center;gap:50px;padding-top:36px;padding-bottom:54px}.tools-kicker{display:inline-flex;gap:9px;align-items:center;color:#4d55c6;font-size:12px;font-weight:600;letter-spacing:.08em}.tools-hero h1{font-size:clamp(32px,4.5vw,62px);line-height:1.07;letter-spacing:-.045em;margin:22px 0;max-width:850px}.tools-hero>div>p{font-size:18px;line-height:1.65;color:var(--tool-muted);max-width:770px}.tools-benefits{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;color:#4a5771;font-size:13px}.tools-benefits span{display:flex;align-items:center;gap:7px}.tools-benefits svg{color:#3373dd;flex-shrink:0}.tools-hero-art{position:relative;display:grid;place-items:center;min-height:250px;background:radial-gradient(ellipse at center,#e4e8ff 0,transparent 70%)}.tools-art-orbit{position:absolute;width:245px;height:245px;border:1px solid #b6c7ff;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 22px #eaf0ff66}.tools-art-window{width:220px;padding:18px 22px 22px;border:1px solid #fff;border-radius:22px;background:linear-gradient(130deg,#ffffffee,#f3f4ffee);box-shadow:0 24px 60px #5469b528;transform:rotate(-5deg)}.tools-art-dots{display:flex;gap:5px}.tools-art-dots i{width:6px;height:6px;border-radius:50%;background:#c8d2e8}.tools-art-icon{margin:24px 0 16px;color:var(--tool-violet)}.tools-art-line{height:7px;background:#d8e0f4;border-radius:5px;width:90%;margin:10px 0}.tools-art-line.short{width:60%}.tools-art-status{display:flex;gap:7px;align-items:center;font-size:11px;background:#e7f5ef;color:#28775d;border-radius:8px;padding:9px;margin-top:18px}.tools-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:64px}.tools-card{padding:32px;background:linear-gradient(145deg,#fff,#f5f7ff);border:1px solid var(--tool-line);border-radius:24px;text-decoration:none;color:var(--tool-ink);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start}.tools-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #294dab13}.tools-card-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:var(--tool-blue);background:#e8efff;margin-bottom:22px}.tools-card:nth-child(2) .tools-card-icon{color:var(--tool-violet);background:#efebff}.tools-card small{color:var(--tool-muted);font-size:12px}.tools-card h2{font-size:24px;line-height:1.25;margin:10px 0 12px;letter-spacing:-.03em}.tools-card p{font-size:15px;color:var(--tool-muted);line-height:1.7;margin:0 0 22px}.tools-card-action{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--tool-blue)}.tools-workspace{margin-bottom:70px}.tools-panel{background:#fff;border:1px solid var(--tool-line);border-radius:24px;padding:32px;box-shadow:0 16px 50px #27488b08}.tools-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tools-panel-heading h2{font-size:23px;letter-spacing:-.03em;margin:0}.tools-panel-heading>span{font-size:12px;padding:7px 12px;background:#eef3fc;color:#4e648c;border-radius:8px}.tools-label{display:block;margin:19px 0 9px;font-size:14px;font-weight:500;color:var(--tool-ink)}.tools-panel input:not([type=radio]),.tools-panel textarea,.tools-panel select,.tools-results input{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #d8e0ef;border-radius:12px;background:#fafbff;color:var(--tool-ink);padding:13px 15px;font:inherit;font-size:15px;line-height:1.5;outline:none}.tools-panel textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;min-height:100px}.tools-panel input:focus,.tools-panel textarea:focus,.tools-panel select:focus,.tools-results input:focus{border-color:var(--tool-blue);box-shadow:0 0 0 3px #2466ed12}.tools-field-note{font-size:12px;line-height:1.7;color:var(--tool-muted);margin:10px 0 0}.tools-modes{border:0;padding:0;margin:0 0 20px;display:flex;gap:10px;flex-wrap:wrap}.tools-modes label{display:flex;align-items:center;gap:9px;padding:10px 15px;background:#f3f5fc;border-radius:10px;font-size:14px;cursor:pointer}.tools-modes label:has(input:checked){background:#eaf0ff;color:var(--tool-blue)}.tools-modes input{accent-color:var(--tool-blue)}.tools-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.tools-form-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.ql-tools .tools-form-actions .btn::after{display:none!important}.tools-secondary{border:1px solid #dbe3f0;color:#435370;background:#fff;border-radius:11px;padding:13px 17px;font:inherit;font-size:13px;cursor:pointer}.tools-secondary:hover{background:#f1f5ff}.tools-secondary:disabled,.tools-panel button:disabled{opacity:.55;cursor:wait}.tools-error{background:#fff1f0;border:1px solid #f5d3d0;color:#a33832;padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.6;margin:18px 0 0;overflow-wrap:anywhere}.tools-progress{padding:12px 0 0;color:var(--tool-blue);font-size:14px}.tools-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tools-results{margin-top:24px;padding:28px;border:1px solid var(--tool-line);border-radius:24px;background:#f7f9ff;min-width:0}.tools-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.tools-result-top h2{font-size:23px;margin:0 0 8px;letter-spacing:-.025em}.tools-result-top p{font-size:13px;color:var(--tool-muted);line-height:1.6;margin:0;overflow-wrap:anywhere}.tools-result-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.tools-result-actions button{font-size:12px;padding:10px 13px}.tools-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.tools-stat{padding:17px;background:#fff;border:1px solid var(--tool-line);border-radius:14px}.tools-stat strong{display:block;font-size:25px;color:var(--tool-ink);line-height:1.2}.tools-stat span{display:block;font-size:12px;margin-top:6px;color:var(--tool-muted)}.tools-report-note{font-size:13px;color:#56647e;line-height:1.7;margin:16px 0 24px}.tools-checks{display:grid;gap:10px}.tools-check{padding:18px;background:#fff;border:1px solid var(--tool-line);border-radius:14px;display:grid;grid-template-columns:28px 1fr;gap:12px;min-width:0}.tools-check-symbol{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600}.tools-check.pass .tools-check-symbol{background:#e8f6ef;color:#237652}.tools-check.fail .tools-check-symbol{background:#feebe9;color:#b34238}.tools-check.warn .tools-check-symbol{background:#fff3d8;color:#99701b}.tools-check.note .tools-check-symbol,.tools-check.unknown .tools-check-symbol{background:#edf1fa;color:#5a6e93}.tools-check h3{font-size:15px;margin:2px 0 8px;line-height:1.4}.tools-check p{font-size:13px;line-height:1.7;color:var(--tool-muted);margin:0;overflow-wrap:anywhere}.tools-check .tools-evidence{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#3c526f;background:#f5f7fb;border-radius:7px;padding:8px 10px;margin:9px 0;white-space:pre-wrap;word-break:break-word}.tools-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tools-filters button{border:1px solid var(--tool-line);border-radius:8px;background:#fff;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;color:#526078}.tools-filters button[aria-pressed=true]{background:#2466ed;color:#fff;border-color:#2466ed}.tools-output{display:block;width:100%;box-sizing:border-box;min-height:270px;max-height:520px;resize:vertical;border:1px solid #dbe3f1;border-radius:12px;padding:18px;background:#fff;color:#243553;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.tools-notice{font-size:13px;line-height:1.7;color:#56647e;margin:12px 0}.tools-test{border-top:1px solid var(--tool-line);padding-top:22px;margin-top:22px}.tools-test h3{font-size:18px;margin:0 0 15px}.tools-test .tools-test-controls{display:grid;grid-template-columns:1fr 190px auto;gap:10px}.tools-test-result{font-size:14px;line-height:1.6;padding-top:12px;overflow-wrap:anywhere}.tools-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:55px;margin-top:40px;margin-bottom:60px;align-items:start}.tools-guide{min-width:0}.tools-guide>.eyebrow{color:#5a65c9}.tools-guide .prose{font-size:16px;line-height:1.85;color:#4c5a73}.tools-guide .prose h2{font-size:clamp(23px,2.7vw,32px);line-height:1.25;color:var(--tool-ink);margin-top:38px;letter-spacing:-.025em;scroll-margin-top:110px}.tools-guide .prose h3{color:var(--tool-ink);font-size:21px}.tools-guide .prose a{color:var(--tool-blue)}.tools-guide .prose ol,.tools-guide .prose ul{padding-left:24px}.tools-guide .prose li{margin-bottom:10px}.tools-guide-toc,.tools-help{border:1px solid var(--tool-line);border-radius:18px;padding:23px;background:#fff}.tools-guide-toc strong{display:block;margin-bottom:15px;font-size:14px}.tools-guide-toc a{display:block;color:#65718a;font-size:13px;line-height:1.6;padding:8px 0;text-decoration:none}.tools-guide-toc a:hover{color:var(--tool-blue)}.tools-guide-aside{position:sticky;top:105px;display:grid;gap:18px}.tools-help{background:linear-gradient(145deg,#edf3ff,#f3eeff)}.tools-help>svg{color:var(--tool-violet)}.tools-help h3{font-size:20px;line-height:1.3;margin:17px 0 10px}.tools-help p{color:var(--tool-muted);font-size:13px;line-height:1.75}.tools-help .btn{width:100%;font-size:12px;min-width:0;padding:13px 12px;display:flex;justify-content:center;gap:8px}.tools-help .text-link{display:inline-block;margin-top:16px;font-size:12px}.tools-faq{margin-top:38px}.tools-faq>h2{font-size:27px;margin-bottom:20px}.tools-author{display:flex;align-items:center;gap:13px;border-top:1px solid var(--tool-line);padding-top:22px;margin-top:30px}.tools-author img{width:48px;height:48px;object-fit:cover;border-radius:50%}.tools-author strong,.tools-author span{display:block;font-size:13px}.tools-author span{font-size:12px;color:var(--tool-muted);margin-top:5px}.tools-related{padding-bottom:60px}.tools-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tools-related-grid>a{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--tool-line);padding:22px;background:#fff;border-radius:15px;color:var(--tool-ink);font-size:14px;line-height:1.4}.tools-related-grid>a>svg:first-child{color:var(--tool-blue);flex-shrink:0}.tools-related-grid>a>svg:last-child{margin-left:auto;flex-shrink:0}.tools-noscript{padding:18px;background:#fff3d8;border-radius:12px}.ql-tools [hidden]{display:none!important}.ql-tools .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tools-copy-status{font-size:12px;color:#28775d;min-height:18px;margin-top:10px}#tool-workspace{scroll-margin-top:110px}.tools-admin-link{display:block!important}
@media(max-width:1100px){.tools-guide-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.tools-result-top{flex-direction:column}.tools-hero-art{min-height:220px}.tools-art-window{width:190px}.tools-related-grid{grid-template-columns:1fr}.tools-related-grid>a{padding:18px}}
@media(max-width:760px){.ql-tools .tools-hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:30px;gap:0}.tools-hero-art{display:none}.tools-hero>div>p{font-size:16px}.tools-benefits{gap:10px 18px;font-size:12px}.tools-catalog{grid-template-columns:1fr;gap:15px;margin-bottom:40px}.tools-card{padding:24px}.tools-card h2{font-size:22px}.tools-panel,.tools-results{padding:20px;border-radius:18px}.tools-panel-heading h2{font-size:20px}.tools-panel-heading>span{display:none}.tools-field-grid{grid-template-columns:1fr;gap:0}.tools-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tools-stat{padding:14px}.tools-guide-layout{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.tools-guide-aside{position:static}.tools-guide-toc{display:none}.tools-help{padding:20px}.tools-help .btn{width:auto}.tools-form-actions>*{flex:1 1 auto}.tools-guide .prose{font-size:15px}.tools-test .tools-test-controls{grid-template-columns:1fr}.tools-check{padding:15px;gap:9px;grid-template-columns:25px minmax(0,1fr)}.tools-output{min-height:240px;padding:12px;font-size:11px}.tools-workspace{margin-bottom:40px}.tools-result-actions{width:100%}.tools-result-actions button{flex:1}.tools-related .section-heading{align-items:flex-start;gap:16px}.tools-related .section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.tools-card{transition:none}.tools-card:hover{transform:none}}
.tools-dropzone{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:32px 24px;border:2px dashed #c3cff4;background:linear-gradient(140deg,#f0f5ff,#f7f1ff);border-radius:18px;cursor:pointer;transition:border-color .2s,background .2s}.tools-dropzone>svg{color:#7058da}.tools-dropzone strong{font-size:18px;line-height:1.5}.tools-dropzone>span{font-size:13px;color:var(--tool-muted);line-height:1.7}.tools-dropzone.dragging{border-color:#7955e9;background:#eceaff}.tools-panel .tools-dropzone input[type=file]{width:auto;max-width:100%;font-size:12px;background:white}.tools-checkbox{display:flex;align-items:center;gap:12px;font-size:14px;margin-top:26px}.tools-panel input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#2466ed}.tools-panel input[type=range]{padding:8px 0;border:0;box-shadow:none;accent-color:#7955e9}.tools-panel input[type=color]{width:90px;height:44px;padding:5px}.tools-image-results{display:grid;gap:16px}.tools-image-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:22px;background:white;border:1px solid var(--tool-line);border-radius:18px;align-items:center;min-width:0}.tools-image-result h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 10px}.tools-image-result p{font-size:13px;color:var(--tool-muted);line-height:1.7;margin:8px 0}.tools-image-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.tools-image-previews figure{margin:0;min-width:0}.tools-image-previews img{display:block;width:100%;height:130px;object-fit:contain;border-radius:10px;border:1px solid #e1e7f2;background:repeating-conic-gradient(#edf0f6 0% 25%,white 0% 50%) 0 0 /16px 16px}.tools-image-previews figcaption{font-size:12px;color:var(--tool-muted);text-align:center;margin-top:8px}.tools-image-info{min-width:0}.tools-image-info button{margin-top:10px}.tools-image-result .tools-image-error{color:#a33832}.tools-schema-row{display:grid;grid-template-columns:1fr 1.6fr auto;gap:12px;align-items:start;padding:18px;border:1px solid var(--tool-line);border-radius:14px;background:#f6f8ff;margin:20px 0}.tools-schema-row button{padding:14px 12px}.tools-schema-row textarea{min-height:100px}.tools-schema-results .tools-checks{margin-bottom:24px}@media(max-width:760px){.tools-dropzone{padding:23px 16px}.tools-dropzone strong{font-size:16px}.tools-image-result{grid-template-columns:1fr;gap:17px;padding:16px}.tools-schema-row{grid-template-columns:1fr;padding:14px}.tools-schema-row button{justify-self:start}.tools-image-previews img{height:120px}}
.tools-import{margin-top:16px}.tools-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 4px;padding:17px;border:1px solid var(--tool-line);border-radius:12px;background:#f6f8ff}.tools-file-row .tools-label,.tools-file-row .tools-field-note{margin:0}.tools-panel .tools-file-row input{width:auto;font-size:12px;background:white;max-width:100%}.tools-file-row .tools-field-note{flex-basis:100%}@media(max-width:760px){.tools-file-row{padding:14px}.tools-file-row .tools-label{font-size:13px}.tools-file-row input[type=file]{width:100%}}

.ql-tools .tools-output-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:150px;line-height:1.9}
.ql-tools .tools-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.tools-directory .tools-card{padding:20px;border-radius:18px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:40px auto 1fr auto;gap:12px;align-items:start}.tools-directory .tools-card-icon{width:40px;height:40px;border-radius:12px;margin:0;grid-column:1;grid-row:1}.tools-directory .tools-card-icon svg{width:23px;height:23px}.tools-directory .tools-card small{grid-column:2;grid-row:1;align-self:center;line-height:1.4;font-size:11px}.tools-directory .tools-card h2{grid-column:1/-1;font-size:19px;line-height:1.3;margin:0;min-height:2.6em;letter-spacing:-.025em}.tools-directory .tools-card p{grid-column:1/-1;font-size:13px;line-height:1.6;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tools-directory .tools-card-action{grid-column:1/-1;font-size:12px;margin-top:2px;gap:8px}.tools-directory .tools-card-action svg{width:16px;height:16px}.tools-directory-controls{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:12px;align-items:center;margin-bottom:20px}.tools-directory-controls input,.tools-directory-controls select{width:100%;box-sizing:border-box;border:1px solid #d8e0ef;border-radius:11px;background:#fff;color:var(--tool-ink);padding:12px 14px;font:inherit;font-size:14px;line-height:1.5;min-width:0}.tools-directory-controls input:focus,.tools-directory-controls select:focus{outline:2px solid #b5ccff;outline-offset:1px}.tools-directory-controls .tools-field-note{grid-column:1/-1;margin:0;min-height:20px}.tools-directory .tools-card:hover{box-shadow:0 10px 30px #294dab16;transform:translateY(-2px)}@media(max-width:1279px){.ql-tools .tools-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:999px){.ql-tools .tools-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-directory-controls{grid-template-columns:minmax(0,1fr) 190px}.tools-directory-controls .tools-secondary{grid-row:2;grid-column:2;justify-self:end;padding:7px 12px}.tools-directory-controls .tools-field-note{grid-row:2;grid-column:1}}@media(max-width:599px){.ql-tools .tools-directory{grid-template-columns:1fr;gap:12px}.tools-directory .tools-card{padding:17px;gap:10px;grid-template-columns:34px minmax(0,1fr);grid-template-rows:34px auto 1fr auto;border-radius:15px}.tools-directory .tools-card-icon{width:34px;height:34px;border-radius:10px}.tools-directory .tools-card-icon svg{width:20px;height:20px}.tools-directory .tools-card h2{font-size:18px;min-height:0}.tools-directory .tools-card p{font-size:13px;line-height:1.55}.tools-directory-controls{grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:16px}.tools-directory-search{grid-column:1/-1}.tools-directory-controls select{grid-column:1;grid-row:2}.tools-directory-controls .tools-secondary{grid-column:2;grid-row:2;padding:12px}.tools-directory-controls .tools-field-note{grid-column:1/-1;grid-row:3}.tools-directory-controls input,.tools-directory-controls select{font-size:16px}}

.tools-password-groups{padding:0;border:0;margin:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.tools-password-groups legend{font-size:14px;font-weight:500;margin-bottom:14px}.tools-password-groups .tools-checkbox{margin:0}.tools-frequency{width:100%;border-collapse:collapse;font-size:14px;margin:22px 0}.tools-frequency th,.tools-frequency td{padding:12px;border-bottom:1px solid var(--tool-line);text-align:left;overflow-wrap:anywhere}.tools-frequency th{font-weight:500;color:var(--tool-muted)}.tools-frequency td:first-child{max-width:200px;word-break:break-word}.tools-hash-comparison{padding:13px 16px;border-radius:10px;background:#e8f6ef;color:#237652;font-size:14px;margin:18px 0}.tools-hash-comparison.mismatch{background:#fff3d8;color:#8b681a}@media(max-width:760px){.tools-password-groups{grid-template-columns:1fr}.tools-frequency th,.tools-frequency td{padding:10px 7px;font-size:12px}}

.ql-tools .tools-stat strong{overflow-wrap:anywhere}