.image-drop-panel{display:grid;place-items:center;gap:8px;padding:clamp(28px,5vw,54px);border:2px dashed #bcc8c4;border-radius:18px;background:rgba(255,255,255,.45);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.image-drop-panel:hover,.image-drop-panel.is-dragging{border-color:#087f6b;background:#eaf8f4}.image-drop-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#171816;color:#c8e65c;font-size:2rem}.image-drop-panel strong{font-size:1.05rem}.image-drop-panel small{color:#667279}.image-drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.image-preview-stage img[hidden],.image-preview-stage>div[hidden]{display:none!important}.image-optimizer-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:16px;align-items:start}.image-settings>label,.image-setting-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.image-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-setting-grid select,.image-setting-grid input{margin:0!important}.image-setting-grid label>span{justify-self:end;margin-top:-22px}.image-setting-grid label>small{justify-self:end;margin-top:-22px;color:#667279}.image-setting-note{margin:0!important;color:#667279!important;font-size:.72rem!important;line-height:1.6}.image-result-panel{display:grid;gap:13px;padding:18px;border-radius:17px;background:#171816;color:#fff}.image-result-panel .case-panel-head span{padding:5px 8px;border-radius:999px;background:#c8e65c;color:#18200e;font-weight:850}.image-result-panel .case-panel-head span.is-increase{background:#f0b7a4;color:#5a2417}.image-preview-stage{display:grid;place-items:center;min-height:330px;padding:12px;border-radius:14px;background:repeating-conic-gradient(#313735 0 25%,#252b29 0 50%) 50%/24px 24px;overflow:hidden}.image-preview-stage img{display:block;max-width:100%;max-height:520px;object-fit:contain}.image-preview-stage>div{display:grid;gap:8px;place-items:center;padding:30px;text-align:center}.image-preview-stage>div span{color:#c8e65c;font-size:.72rem;letter-spacing:.16em}.image-preview-stage>div p{max-width:310px;margin:0!important;color:#aeb8b3!important;font-size:.78rem!important;line-height:1.6}.image-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-metrics article{display:grid;gap:5px;min-width:0;padding:13px;border-radius:11px;background:rgba(255,255,255,.07)}.image-metrics span{color:#aeb8b3;font-size:.67rem}.image-metrics strong{overflow-wrap:anywhere;font-size:1rem}.image-metrics small{color:#bdc7c2;font-size:.66rem}.image-result-panel .case-actions button:disabled{opacity:.42}@media(max-width:850px){.image-optimizer-layout{grid-template-columns:1fr}}@media(max-width:520px){.image-setting-grid,.image-metrics{grid-template-columns:1fr}.image-preview-stage{min-height:230px}.image-result-panel .case-actions button{width:100%}}
.diff-options{display:flex;flex-wrap:wrap;gap:8px}.diff-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diff-editor-grid textarea{min-height:350px!important;margin:0!important;resize:vertical;font:500 .8rem/1.6 "SFMono-Regular",Consolas,monospace!important}.diff-output-panel{display:grid;gap:14px;padding:18px;border-radius:17px;background:#171816;color:#fff}.diff-output-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.diff-output-head>div:first-child{display:grid;gap:6px}.diff-output-head>div:first-child span{color:#c8e65c;font-size:.68rem;letter-spacing:.14em}.diff-output-head>div:first-child strong{font-size:1rem}.diff-legend{display:flex;flex-wrap:wrap;gap:6px}.diff-legend span{padding:5px 8px;border-radius:999px;font-size:.66rem}.diff-legend .is-same{background:#3a403d}.diff-legend .is-remove{background:#6b3030}.diff-legend .is-add{background:#1d5a48}.diff-result-table{max-height:600px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111614;overflow:auto}.diff-result-table>p{margin:0!important;padding:50px 18px;text-align:center;color:#aeb8b3!important}.diff-row{display:grid;grid-template-columns:44px 44px 24px minmax(0,1fr);min-width:560px;border-bottom:1px solid rgba(255,255,255,.06);font:500 .76rem/1.55 "SFMono-Regular",Consolas,monospace}.diff-row>span{padding:5px 7px;background:rgba(255,255,255,.04);color:#84908a;text-align:right}.diff-row>b{padding:5px;text-align:center}.diff-row>code{display:block;padding:5px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-row.is-remove{background:#3d2222;color:#ffd6d2}.diff-row.is-remove>b{color:#ff8d84}.diff-row.is-add{background:#17372d;color:#d4ffef}.diff-row.is-add>b{color:#6ee7bc}.diff-output-panel>.case-actions button:disabled{opacity:.42}@media(max-width:760px){.diff-editor-grid{grid-template-columns:1fr}.diff-editor-grid textarea{min-height:240px}.diff-output-head{align-items:flex-start;flex-direction:column}}
.css-minify-options{display:flex;flex-wrap:wrap;gap:8px}.css-minifier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.css-minifier-grid textarea{min-height:430px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.css-compression-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.css-compression-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.css-compression-summary span{color:#aeb8b3;font-size:.7rem}.css-compression-summary strong{overflow-wrap:anywhere;font-size:1.25rem}.css-compression-summary article:last-child strong{color:#c8e65c}@media(max-width:760px){.css-minifier-grid{grid-template-columns:1fr}.css-minifier-grid textarea{min-height:280px}.css-compression-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.css-compression-summary{grid-template-columns:1fr}}
.js-minify-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.js-minify-options>label:not(.salary-insurance-toggle){display:grid;gap:6px;min-width:180px;font-size:.78rem;font-weight:850}.js-minify-options select{margin:0!important}.js-minifier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.js-minifier-grid textarea{min-height:430px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.js-compression-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.js-compression-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.js-compression-summary span{color:#aeb8b3;font-size:.7rem}.js-compression-summary strong{overflow-wrap:anywhere;font-size:1.25rem}.js-compression-summary article:last-child strong{color:#c8e65c}@media(max-width:760px){.js-minifier-grid{grid-template-columns:1fr}.js-minifier-grid textarea{min-height:280px}.js-compression-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.js-compression-summary{grid-template-columns:1fr}}
.html-format-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.html-format-options>label:not(.salary-insurance-toggle){display:grid;gap:6px;min-width:150px;font-size:.78rem;font-weight:850}.html-format-options select{margin:0!important}.html-formatter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.html-formatter-grid textarea{min-height:450px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.html-structure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.html-structure-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.html-structure-summary span{color:#aeb8b3;font-size:.7rem}.html-structure-summary strong{overflow-wrap:anywhere;color:#c8e65c;font-size:1.25rem}@media(max-width:760px){.html-formatter-grid{grid-template-columns:1fr}.html-formatter-grid textarea{min-height:280px}.html-structure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.html-structure-summary{grid-template-columns:1fr}}
.sql-format-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.sql-format-options>label:not(.salary-insurance-toggle){display:grid;gap:6px;min-width:150px;font-size:.78rem;font-weight:850}.sql-format-options select{margin:0!important}.sql-formatter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sql-formatter-grid textarea{min-height:450px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.sql-structure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sql-structure-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.sql-structure-summary span{color:#aeb8b3;font-size:.7rem}.sql-structure-summary strong{overflow-wrap:anywhere;color:#c8e65c;font-size:1.25rem}@media(max-width:760px){.sql-formatter-grid{grid-template-columns:1fr}.sql-formatter-grid textarea{min-height:280px}.sql-structure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.sql-structure-summary{grid-template-columns:1fr}}
.config-direction{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:9px}.config-direction label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.config-direction select{margin:0!important}.config-converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.config-converter-grid textarea{min-height:470px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.config-structure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.config-structure-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.config-structure-summary span{color:#aeb8b3;font-size:.7rem}.config-structure-summary strong{overflow-wrap:anywhere;color:#c8e65c;font-size:1.25rem}@media(max-width:760px){.config-converter-grid{grid-template-columns:1fr}.config-converter-grid textarea{min-height:300px}.config-structure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.config-direction{grid-template-columns:1fr}.config-direction .currency-swap{justify-self:center;transform:rotate(90deg)}.config-structure-summary{grid-template-columns:1fr}}
.xml-format-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.xml-format-options>label:not(.salary-insurance-toggle){display:grid;gap:6px;min-width:150px;font-size:.78rem;font-weight:850}.xml-format-options select{margin:0!important}.xml-formatter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xml-formatter-grid textarea{min-height:470px!important;margin:0!important;resize:vertical;font:500 .8rem/1.62 "SFMono-Regular",Consolas,monospace!important}.xml-structure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.xml-structure-summary article{display:grid;gap:7px;min-width:0;padding:18px;border-radius:14px;background:#171816;color:#fff}.xml-structure-summary span{color:#aeb8b3;font-size:.7rem}.xml-structure-summary strong{overflow-wrap:anywhere;color:#c8e65c;font-size:1.25rem}@media(max-width:760px){.xml-formatter-grid{grid-template-columns:1fr}.xml-formatter-grid textarea{min-height:300px}.xml-structure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.xml-structure-summary{grid-template-columns:1fr}}
.url-input-panel>label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.url-input-panel input{margin:0!important}.url-parser-options{display:flex;flex-wrap:wrap;gap:8px}.url-normalized-card{display:grid;gap:10px;padding:clamp(24px,4vw,38px);border-radius:20px;background:#171816;color:#fff}.url-normalized-card>span{color:#c8e65c;font-size:.68rem;letter-spacing:.15em}.url-normalized-card>strong{overflow-wrap:anywhere;font-size:clamp(1.05rem,2.5vw,1.6rem);line-height:1.45}.url-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.url-parts-grid>p,.url-query-list>p{grid-column:1/-1;margin:0!important;padding:38px;text-align:center;color:#667279!important}.url-parts-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:15px;border-radius:13px;background:#fff}.url-parts-grid article>span{grid-column:1/-1;color:#667279;font-size:.68rem}.url-parts-grid article>strong{min-width:0;overflow-wrap:anywhere;font-size:.83rem}.url-parts-grid article>small{grid-column:1/-1;color:#8a9490;font-size:.64rem}.url-parts-grid article>button{grid-column:2;grid-row:2;padding:7px 8px!important;font-size:.65rem!important}.url-query-list{display:grid;gap:7px}.url-query-list article{display:grid;grid-template-columns:32px minmax(100px,.5fr) minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;border-radius:11px;background:#fff}.url-query-list article>span{color:#9aa39f;font-size:.66rem}.url-query-list article>strong,.url-query-list article>code{min-width:0;overflow-wrap:anywhere}.url-query-list article>code{font-size:.74rem}.url-query-list article>button{padding:7px 8px!important;font-size:.65rem!important}@media(max-width:650px){.url-parts-grid{grid-template-columns:1fr}.url-query-list article{grid-template-columns:28px minmax(0,1fr) auto}.url-query-list article>code{grid-column:2/-1;grid-row:2}.url-query-list article>button{grid-column:3;grid-row:1}}@media(max-width:430px){.url-query-list article{grid-template-columns:24px minmax(0,1fr)}.url-query-list article>button{grid-column:2;grid-row:3;justify-self:start}}
.hash-mode-tabs{display:flex;gap:7px}.hash-mode-tabs button{border:1px solid rgba(24,31,29,.12)!important;background:#fff!important;color:#171816!important}.hash-mode-tabs button.active{background:#171816!important;color:#fff!important}.hash-generator-tool #hashTextPanel{display:grid;gap:7px}.hash-generator-tool #hashTextPanel>label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.hash-generator-tool textarea{min-height:190px!important;margin:0!important;resize:vertical}.hash-generator-tool #hashTextStats{color:#667279;font-size:.7rem}.hash-file-drop{display:grid;place-items:center;gap:7px;padding:34px;border:2px dashed #bcc8c4;border-radius:16px;background:rgba(255,255,255,.48);text-align:center;cursor:pointer}.hash-file-drop input{max-width:100%}.hash-file-drop small{color:#667279}.hash-options{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr);gap:9px}.hash-options label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.hash-options input,.hash-options select{margin:0!important}.hash-results-panel{display:grid;gap:13px;padding:18px;border-radius:17px;background:#171816;color:#fff}.hash-results{display:grid;gap:8px}.hash-results>p{margin:0!important;padding:48px 18px;text-align:center;color:#aeb8b3!important}.hash-results article{display:grid;grid-template-columns:minmax(170px,.32fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.06)}.hash-results article.is-match{border-color:#c8e65c;background:rgba(200,230,92,.13)}.hash-results article>div{display:grid;gap:3px}.hash-results article small{color:#aeb8b3;font-size:.63rem}.hash-results article code{min-width:0;overflow-wrap:anywhere;color:#e9f0ed;font-size:.74rem}.hash-results article button{padding:8px 10px!important}.hash-results-panel>.case-actions button:disabled{opacity:.4}@media(max-width:720px){.hash-results article{grid-template-columns:minmax(0,1fr) auto}.hash-results article code{grid-column:1/-1;grid-row:2}.hash-options{grid-template-columns:1fr}}@media(max-width:430px){.hash-results article{grid-template-columns:1fr}.hash-results article code,.hash-results article button{grid-column:auto;grid-row:auto}.hash-results article button{justify-self:start}}
.password-mode-tabs{display:flex;gap:7px}.password-mode-tabs button{border:1px solid rgba(24,31,29,.12)!important;background:#fff!important;color:#171816!important}.password-mode-tabs button.active{background:#171816!important;color:#fff!important}.password-number-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.35fr);gap:9px}.password-number-grid label,.password-symbol-field,.password-phrase-grid>label:not(.salary-insurance-toggle){display:grid;gap:6px;font-size:.78rem;font-weight:850}.password-number-grid label>span{justify-self:end;margin-top:-22px}.password-number-grid input,.password-symbol-field input,.password-phrase-grid select{margin:0!important}.password-char-options,.password-phrase-grid{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.password-generator-tool #passwordRandomOptions,.password-generator-tool #passwordPhraseOptions{display:grid;gap:10px}.password-generator-tool [hidden]{display:none!important}.password-results-panel{display:grid;gap:13px;padding:18px;border-radius:17px;background:#171816;color:#fff}.password-strength-meter{height:8px;border-radius:999px;background:#343936;overflow:hidden}.password-strength-meter i{display:block;width:0;height:100%;border-radius:inherit;transition:width .25s}.password-results{display:grid;gap:8px}.password-results>p{margin:0!important;padding:48px 18px;text-align:center;color:#aeb8b3!important}.password-results article{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px;border-radius:11px;background:rgba(255,255,255,.07)}.password-results article>span{color:#8c9892;font-size:.66rem}.password-results code{min-width:0;overflow-wrap:anywhere;color:#fff;font-size:.84rem}.password-results code.is-hidden{letter-spacing:.08em}.password-results button{padding:7px 9px!important;font-size:.66rem!important}.password-security-note{margin:0!important;color:#aeb8b3!important;font-size:.7rem!important;line-height:1.6}@media(max-width:620px){.password-number-grid{grid-template-columns:1fr}.password-results article{grid-template-columns:26px minmax(0,1fr) auto}.password-results article button:last-child{grid-column:2/-1;justify-self:start}}
.random-data-basic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.random-data-basic label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.random-data-basic input,.random-data-basic select{margin:0!important}.random-field-options{margin:0;padding:15px;border:1px solid rgba(24,31,29,.12);border-radius:14px}.random-field-options legend{padding:0 7px;font-size:.78rem;font-weight:850}.random-field-options{display:flex;flex-wrap:wrap;gap:8px}.random-field-options label{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#fff;font-size:.72rem}.random-field-options input{width:auto!important;margin:0!important}.random-preview-wrap{max-width:100%;overflow:auto;border:1px solid #d8dedb;border-radius:13px;background:#fff}.random-preview-wrap table{width:100%;min-width:700px;border-collapse:collapse;font-size:.72rem}.random-preview-wrap th,.random-preview-wrap td{padding:9px 11px;border-bottom:1px solid #e4e8e6;text-align:left;white-space:nowrap}.random-preview-wrap th{position:sticky;top:0;background:#171816;color:#fff}.random-output-panel{display:grid;gap:11px;padding:18px;border-radius:17px;background:#171816;color:#fff}.random-output-panel textarea{min-height:300px!important;margin:0!important;background:#101513!important;color:#edf4f0!important;font:500 .76rem/1.6 "SFMono-Regular",Consolas,monospace!important}.random-output-panel>.case-actions button:disabled{opacity:.4}@media(max-width:800px){.random-data-basic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.random-data-basic{grid-template-columns:1fr}}
.ssl-input-panel>label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.ssl-input-panel input,.ssl-input-panel select{margin:0!important}.ssl-options{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.ssl-options>label:not(.salary-insurance-toggle){display:grid;gap:6px;min-width:150px;font-size:.78rem;font-weight:850}.ssl-summary-card{display:grid;gap:9px;padding:clamp(24px,4vw,38px);border-radius:20px;background:#171816;color:#fff}.ssl-summary-card>span{color:#c8e65c;font-size:.68rem;letter-spacing:.15em}.ssl-summary-card>strong{font-size:clamp(1.35rem,3vw,2.1rem)}.ssl-summary-card>p{max-width:780px;margin:0!important;color:#bdc7c2!important;line-height:1.7}.ssl-summary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.ssl-summary-actions button:disabled{opacity:.4}.ssl-check-list{display:grid;gap:8px}.ssl-check-list>p{margin:0!important;padding:44px 18px;text-align:center;color:#667279!important}.ssl-check-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border-radius:13px;background:#fff}.ssl-check-list article>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-style:normal;font-weight:900}.ssl-check-list article>div{display:grid;gap:3px}.ssl-check-list article span{color:#667279;font-size:.7rem;line-height:1.5}.ssl-check-list article>b{font-size:.76rem}.ssl-check-list article.is-pass>i{background:#dff5e9;color:#087f5b}.ssl-check-list article.is-warn>i{background:#fff0cf;color:#9a6200}.ssl-check-list article.is-fail>i{background:#ffe1dc;color:#b83a2b}.ssl-command-panel>p{margin:0!important;color:#667279!important;font-size:.76rem!important;line-height:1.65}.ssl-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border-radius:12px;background:#171816}.ssl-command code{min-width:0;overflow-wrap:anywhere;color:#eaf2ee;font-size:.75rem}.ssl-command button{padding:8px 10px!important}.ssl-certificate-note{display:grid;gap:5px;padding:13px;border-radius:12px;background:#eef3f0}.ssl-certificate-note span{color:#667279;font-size:.7rem;line-height:1.55}@media(max-width:560px){.ssl-check-list article{grid-template-columns:32px minmax(0,1fr)}.ssl-check-list article>b{grid-column:2}.ssl-command{grid-template-columns:1fr}.ssl-command button{justify-self:start}}
.ip-input-panel>label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.ip-input-panel input{margin:0!important;font-family:"SFMono-Regular",Consolas,monospace!important}.ip-presets{display:flex;flex-wrap:wrap;gap:7px}.ip-presets button{padding:8px 10px!important;font-size:.68rem!important}.ip-summary-card{display:grid;gap:9px;padding:clamp(24px,4vw,38px);border-radius:20px;background:#171816;color:#fff}.ip-summary-card>span{color:#c8e65c;font-size:.68rem;letter-spacing:.15em}.ip-summary-card>strong{font-size:clamp(1.35rem,3vw,2.1rem)}.ip-summary-card>p{margin:0!important;color:#bdc7c2!important}.ip-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.ip-badges i{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);color:#dfe8e3;font-size:.67rem;font-style:normal}.ip-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ip-result-grid>p{grid-column:1/-1;margin:0!important;padding:48px 18px;text-align:center;color:#667279!important}.ip-result-grid article{display:grid;gap:6px;min-width:0;padding:16px;border-radius:13px;background:#fff}.ip-result-grid article>span{color:#667279;font-size:.68rem}.ip-result-grid article>strong{min-width:0;overflow-wrap:anywhere;font:750 .82rem/1.45 "SFMono-Regular",Consolas,monospace}.ip-result-grid article>small{color:#7b8580;font-size:.65rem;line-height:1.5}.ip-address-tool #ipCopy:disabled{opacity:.4}.ip-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ip-scope-grid article{display:grid;gap:6px;padding:15px;border-radius:13px;background:#eef3f0}.ip-scope-grid span{color:#667279;font-size:.7rem;line-height:1.55}@media(max-width:820px){.ip-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.ip-scope-grid{grid-template-columns:1fr}}@media(max-width:440px){.ip-result-grid{grid-template-columns:1fr}}
.csv-json-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.csv-json-options label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.csv-json-options select{margin:0!important}.csv-json-toggles{display:flex;flex-wrap:wrap;gap:8px}.csv-json-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.csv-json-editors textarea{min-height:410px!important;margin:0!important;resize:vertical;font:500 .77rem/1.6 "SFMono-Regular",Consolas,monospace!important}.csv-json-editors article>small{color:#667279;font-size:.68rem}.csv-file-button{position:relative;padding:7px 9px;border-radius:8px;background:#171816;color:#fff;font-size:.67rem;cursor:pointer}.csv-file-button input{position:absolute;width:1px;height:1px;opacity:0}.csv-output-panel{display:grid;gap:11px;padding:18px;border-radius:17px;background:#171816;color:#fff}.csv-output-panel textarea{background:#101513!important;color:#edf4f0!important}.csv-output-panel button:disabled,.csv-json-tool #csvSwap:disabled{opacity:.4}.csv-preview-wrap{max-width:100%;overflow:auto;border:1px solid #d8dedb;border-radius:13px;background:#fff}.csv-preview-wrap table{width:100%;min-width:620px;border-collapse:collapse;font-size:.72rem}.csv-preview-wrap th,.csv-preview-wrap td{max-width:280px;padding:9px 11px;border-bottom:1px solid #e4e8e6;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.csv-preview-wrap th{position:sticky;top:0;background:#171816;color:#fff}@media(max-width:760px){.csv-json-editors{grid-template-columns:1fr}.csv-json-editors textarea{min-height:300px}.csv-json-options{grid-template-columns:1fr}}
.validator-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.validator-options>label:first-child{display:grid;gap:6px;min-width:220px;font-size:.78rem;font-weight:850}.validator-options select{margin:0!important}.validator-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:16px}.validator-layout textarea{min-height:390px!important;margin:0!important;resize:vertical;font:500 .78rem/1.65 "SFMono-Regular",Consolas,monospace!important}.validator-layout article>small{color:#667279;font-size:.68rem}.validator-score-card{display:grid;align-content:center;gap:11px;padding:clamp(25px,5vw,44px);border-radius:20px;background:#171816;color:#fff}.validator-score-card>span{color:#c8e65c;font-size:.68rem;letter-spacing:.15em}.validator-score-card>strong{font-size:clamp(2.4rem,7vw,4.8rem);line-height:1}.validator-score-card>p{margin:0!important;color:#bdc7c2!important;line-height:1.65}.validator-meter{height:9px;border-radius:999px;background:#353b38;overflow:hidden}.validator-meter i{display:block;width:0;height:100%;border-radius:inherit;transition:width .25s}.validator-counts{display:flex;flex-wrap:wrap;gap:7px}.validator-counts b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem}.validator-results{display:grid;gap:8px}.validator-results>p{margin:0!important;padding:46px 18px;text-align:center;color:#667279!important}.validator-results article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border-radius:12px;background:#fff}.validator-results article>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;font-weight:900}.validator-results article>div{display:grid;gap:3px;min-width:0}.validator-results article strong{overflow-wrap:anywhere;font-size:.78rem}.validator-results article span{color:#667279;font-size:.68rem}.validator-results article>b{color:#8a9490;font-size:.66rem}.validator-results article.is-valid>i{background:#dff5e9;color:#087f5b}.validator-results article.is-invalid>i{background:#ffe1dc;color:#b83a2b}.data-validator-tool button:disabled{opacity:.4}@media(max-width:760px){.validator-layout{grid-template-columns:1fr}.validator-score-card{min-height:260px}}@media(max-width:430px){.validator-results article{grid-template-columns:30px minmax(0,1fr)}.validator-results article>b{grid-column:2}}
.image-base64-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}.image64-drop{display:grid;place-items:center;gap:8px;padding:clamp(30px,5vw,52px);border:2px dashed #bcc8c4;border-radius:17px;background:rgba(255,255,255,.48);text-align:center;cursor:pointer;transition:.2s}.image64-drop:hover,.image64-drop.is-dragging{border-color:#087f6b;background:#eaf8f4}.image64-drop input{position:absolute;width:1px;height:1px;opacity:0}.image64-drop i{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#171816;color:#c8e65c;font-size:2rem;font-style:normal}.image64-drop span{color:#667279;font-size:.69rem}.image64-options{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.image64-options>label:first-child{display:grid;gap:6px;min-width:210px;font-size:.78rem;font-weight:850}.image64-options select{margin:0!important}.image64-preview-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:#171816;color:#fff}.image64-preview-card>img{display:block;width:100%;max-height:470px;border-radius:13px;background:repeating-conic-gradient(#343a37 0 25%,#282e2b 0 50%) 50%/24px 24px;object-fit:contain}.image64-preview-card [hidden]{display:none!important}.image64-preview-card>#image64Empty{display:grid;place-items:center;gap:7px;min-height:280px;padding:25px;text-align:center}.image64-preview-card>#image64Empty span{color:#c8e65c;font-size:.68rem;letter-spacing:.14em}.image64-preview-card>#image64Empty p{max-width:330px;margin:0!important;color:#aeb8b3!important}.image64-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image64-meta article{display:grid;gap:5px;min-width:0;padding:12px;border-radius:11px;background:rgba(255,255,255,.07)}.image64-meta span{color:#aeb8b3;font-size:.65rem}.image64-meta strong{overflow-wrap:anywhere;font-size:.74rem}.image64-output-panel{display:grid;gap:11px;padding:18px;border-radius:17px;background:#171816;color:#fff}.image64-output-panel textarea{min-height:300px!important;margin:0!important;background:#101513!important;color:#edf4f0!important;font:500 .72rem/1.55 "SFMono-Regular",Consolas,monospace!important}.image64-output-panel button:disabled{opacity:.4}.image64-note{margin:0!important;color:#aeb8b3!important;font-size:.69rem!important;line-height:1.6}@media(max-width:800px){.image-base64-layout{grid-template-columns:1fr}}@media(max-width:480px){.image64-meta{grid-template-columns:1fr}}
.palette-controls{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(2,minmax(140px,.7fr));gap:9px}.palette-controls>label,.palette-range-grid label,.palette-export-label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.palette-color-input{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px}.palette-color-input input{margin:0!important}.palette-color-input input[type="color"]{width:52px!important;height:44px;padding:3px!important}.palette-controls select{margin:0!important}.palette-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-range-grid label>span{justify-self:end;margin-top:-22px}.palette-range-grid input{margin:0!important}.palette-swatches-panel{display:grid;gap:12px;padding:18px;border-radius:18px;background:#171816;color:#fff}.palette-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));min-height:270px;border-radius:14px;overflow:hidden}.palette-swatches button{display:grid!important;align-content:space-between!important;gap:8px;min-height:270px;padding:18px!important;border:0!important;border-radius:0!important;text-align:left!important}.palette-swatches button span{font-size:.64rem;opacity:.7}.palette-swatches button strong{font:850 1rem/1.2 "SFMono-Regular",Consolas,monospace}.palette-swatches button small{font-size:.62rem;opacity:.78}.palette-click-note{margin:0!important;color:#aeb8b3!important;font-size:.68rem!important}.palette-preview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.palette-ui-preview{display:grid;gap:10px;padding:18px;border-radius:18px;background:#171816}.palette-ui-preview>span{color:#c8e65c;font-size:.67rem;letter-spacing:.14em}.palette-ui-preview>#palettePreview{display:grid;grid-template-rows:auto 1fr auto;min-height:360px;border-radius:13px;background:var(--p5);color:var(--pt);overflow:hidden}.palette-ui-preview nav{display:flex;align-items:center;gap:9px;padding:13px 16px;background:var(--p1);color:var(--pt)}.palette-ui-preview nav i{width:18px;height:18px;border-radius:5px;background:var(--p2)}.palette-ui-preview nav b{margin-right:auto}.palette-ui-preview nav button,.palette-ui-preview main button{padding:8px 11px!important;background:var(--p3)!important;color:#000!important}.palette-ui-preview main{display:grid;align-content:center;justify-items:start;gap:9px;padding:clamp(24px,5vw,48px);background:var(--p5)}.palette-ui-preview main small{color:var(--p1);font-weight:850}.palette-ui-preview main h3{max-width:500px;margin:0;font-size:clamp(1.35rem,3vw,2.2rem)}.palette-ui-preview main p{max-width:520px;margin:0!important;line-height:1.65}.palette-ui-preview footer{padding:11px 16px;background:var(--p4);font-size:.68rem}.palette-preview-grid>.case-panel textarea{min-height:230px!important;margin:0!important;font:500 .76rem/1.6 "SFMono-Regular",Consolas,monospace!important}@media(max-width:800px){.palette-preview-grid{grid-template-columns:1fr}.palette-swatches button{min-height:190px}}@media(max-width:620px){.palette-controls,.palette-range-grid{grid-template-columns:1fr}}
.text-statistics-tool #textStatsInput{min-height:320px!important;margin:0!important;resize:vertical;line-height:1.8!important}.text-stats-controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.text-stats-controls>label:first-child{display:grid;gap:6px;min-width:210px;font-size:.78rem;font-weight:850}.text-stats-controls select{margin:0!important}.text-stats-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.text-stats-metrics article{display:grid;gap:6px;min-width:0;padding:17px;border-radius:14px;background:#171816;color:#fff}.text-stats-metrics span{color:#aeb8b3;font-size:.67rem}.text-stats-metrics strong{font-size:clamp(1.2rem,2.4vw,1.75rem)}.text-stats-metrics small{color:#88938e;font-size:.62rem}.text-stats-detail-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px}.text-time-card{display:grid;align-content:center;gap:11px;padding:clamp(25px,4vw,40px);border-radius:19px;background:#171816;color:#fff}.text-time-card>span{color:#c8e65c;font-size:.68rem;letter-spacing:.14em}.text-time-card>strong{font-size:clamp(2rem,5vw,3.5rem)}.text-time-card>p{margin:0!important;color:#bdc7c2!important;line-height:1.65}.text-time-row{display:flex;flex-wrap:wrap;gap:7px}.text-time-row b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.67rem}.text-target{display:grid;gap:7px}.text-target[hidden]{display:none!important}.text-target>div{display:flex;justify-content:space-between;font-size:.68rem}.text-target>i{height:8px;border-radius:999px;background:#343a37;overflow:hidden}.text-target>i>b{display:block;height:100%;transition:width .2s}.text-char-types{display:grid;gap:8px}.text-char-types article{display:grid;grid-template-columns:minmax(110px,.35fr) 70px minmax(100px,1fr) 55px;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#fff}.text-char-types span{font-size:.7rem}.text-char-types strong{text-align:right}.text-char-types i,.text-frequency i{height:7px;border-radius:999px;background:#e5eae7;overflow:hidden}.text-char-types i b,.text-frequency i b{display:block;height:100%;background:#171816}.text-char-types small{text-align:right;color:#667279}.text-frequency{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.text-frequency>p{grid-column:1/-1;margin:0!important;padding:44px;text-align:center;color:#667279!important}.text-frequency article{display:grid;grid-template-columns:30px minmax(90px,.4fr) minmax(100px,1fr) 48px;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#fff}.text-frequency article>span{color:#9aa39f;font-size:.64rem}.text-frequency article>strong{min-width:0;overflow-wrap:anywhere;font-size:.75rem}.text-frequency article>small{text-align:right;color:#667279;font-size:.65rem}.text-statistics-tool #textStatsCopy:disabled{opacity:.4}@media(max-width:980px){.text-stats-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.text-stats-detail-grid{grid-template-columns:1fr}.text-frequency{grid-template-columns:1fr}}@media(max-width:500px){.text-stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.text-char-types article{grid-template-columns:minmax(0,1fr) 55px}.text-char-types i{grid-column:1/-1;grid-row:2}.text-char-types small{grid-column:2;grid-row:1}.text-frequency article{grid-template-columns:26px minmax(0,1fr) 45px}.text-frequency i{grid-column:2/-1;grid-row:2}}
.lorem-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lorem-options label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.lorem-options input,.lorem-options select{margin:0!important}.lorem-toggles{display:flex;flex-wrap:wrap;gap:8px}.lorem-output-panel{display:grid;gap:11px;padding:18px;border-radius:18px;background:#171816;color:#fff}.lorem-output-panel textarea{min-height:420px!important;margin:0!important;resize:vertical;background:#101513!important;color:#edf4f0!important;font:500 .8rem/1.85 "SFMono-Regular",Consolas,monospace!important}.lorem-output-panel button:disabled{opacity:.4}.lorem-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lorem-use-grid article{display:grid;gap:7px;padding:20px;border-radius:15px;background:#fff}.lorem-use-grid span{color:#087f6b;font-size:.65rem;letter-spacing:.14em}.lorem-use-grid p{margin:0!important;color:#667279!important;font-size:.72rem!important;line-height:1.65}@media(max-width:760px){.lorem-options{grid-template-columns:repeat(2,minmax(0,1fr))}.lorem-use-grid{grid-template-columns:1fr}}@media(max-width:460px){.lorem-options{grid-template-columns:1fr}}
.qr-reader-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qr-drop{display:grid;place-items:center;gap:8px;padding:clamp(30px,5vw,50px);border:2px dashed #bcc8c4;border-radius:17px;background:rgba(255,255,255,.48);text-align:center;cursor:pointer}.qr-drop:hover,.qr-drop.is-dragging{border-color:#087f6b;background:#eaf8f4}.qr-drop input{position:absolute;width:1px;height:1px;opacity:0}.qr-drop i{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#171816;color:#c8e65c;font-size:1.8rem;font-style:normal}.qr-drop span{color:#667279;font-size:.68rem}.qr-camera-panel{display:grid;gap:11px;padding:18px;border-radius:18px;background:#171816;color:#fff}.qr-camera-stage{display:grid;place-items:center;min-height:320px;border-radius:14px;background:#0d1210;overflow:hidden}.qr-camera-stage video{width:100%;height:100%;max-height:480px;object-fit:cover}.qr-camera-stage [hidden]{display:none!important}.qr-camera-stage>#qrCameraEmpty{display:grid;place-items:center;gap:7px;padding:28px;text-align:center}.qr-camera-stage>#qrCameraEmpty span{color:#c8e65c;font-size:.67rem;letter-spacing:.14em}.qr-camera-stage>#qrCameraEmpty p{max-width:300px;margin:0!important;color:#aeb8b3!important}.qr-camera-panel button:disabled{opacity:.4}.qr-result-panel{display:grid;gap:12px;padding:18px;border-radius:18px;background:#171816;color:#fff}.qr-result-empty{display:grid;place-items:center;gap:7px;padding:50px 20px;text-align:center}.qr-result-empty>span{color:#c8e65c;font-size:.67rem;letter-spacing:.14em}.qr-result-empty>p{margin:0!important;color:#aeb8b3!important}.qr-result-panel [hidden]{display:none!important}.qr-result-panel textarea{min-height:160px!important;margin:0!important;background:#101513!important;color:#edf4f0!important;font:500 .78rem/1.65 "SFMono-Regular",Consolas,monospace!important}.qr-result-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr-result-meta article{display:grid;gap:5px;padding:12px;border-radius:11px;background:rgba(255,255,255,.07)}.qr-result-meta span{color:#aeb8b3;font-size:.64rem}.qr-result-meta strong{overflow-wrap:anywhere;font-size:.76rem}.qr-safety-note{margin:0!important;padding:12px;border-left:3px solid #c8e65c;border-radius:8px;background:rgba(200,230,92,.08);color:#dfe8e3!important;font-size:.7rem!important;line-height:1.6}.qr-history{display:grid;gap:7px}.qr-history>p{margin:0!important;padding:42px;text-align:center;color:#667279!important}.qr-history button{display:grid!important;grid-template-columns:56px minmax(0,1fr) 100px;align-items:center!important;gap:9px;padding:11px 13px!important;background:#fff!important;color:#171816!important;text-align:left!important}.qr-history button span,.qr-history button small{color:#667279;font-size:.65rem}.qr-history button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem}@media(max-width:760px){.qr-reader-layout{grid-template-columns:1fr}}@media(max-width:480px){.qr-result-meta{grid-template-columns:1fr}.qr-history button{grid-template-columns:50px minmax(0,1fr)}.qr-history button small{grid-column:2}}
.barcode-main-options{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);gap:9px}.barcode-main-options label,.barcode-size-options label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.barcode-main-options input,.barcode-main-options select,.barcode-size-options input,.barcode-size-options select{margin:0!important}.barcode-size-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.barcode-size-options input[type="color"]{width:100%!important;height:44px;padding:3px!important}.barcode-toggles{display:flex;flex-wrap:wrap;gap:8px}.barcode-preview-panel{display:grid;gap:12px;padding:18px;border-radius:18px;background:#171816;color:#fff}.barcode-stage{position:relative;display:grid;place-items:center;min-height:340px;padding:20px;border-radius:14px;background:#fff;overflow:auto}.barcode-stage svg{display:block;max-width:none}.barcode-stage svg[hidden],.barcode-stage>#barcodeEmpty[hidden]{display:none!important}.barcode-stage>#barcodeEmpty{display:grid;place-items:center;gap:7px;color:#171816;text-align:center}.barcode-stage>#barcodeEmpty span{color:#087f6b;font-size:.67rem;letter-spacing:.14em}.barcode-result-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.barcode-result-meta article{display:grid;gap:5px;min-width:0;padding:12px;border-radius:11px;background:rgba(255,255,255,.07)}.barcode-result-meta span{color:#aeb8b3;font-size:.64rem}.barcode-result-meta strong{overflow-wrap:anywhere;font-size:.78rem}.barcode-preview-panel button:disabled{opacity:.4}.barcode-print-note{margin:0!important;color:#aeb8b3!important;font-size:.69rem!important;line-height:1.6}@media(max-width:900px){.barcode-size-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.barcode-main-options{grid-template-columns:1fr}.barcode-size-options{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-result-meta{grid-template-columns:1fr}}
.sql-convert-direction{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:9px}.sql-convert-direction label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.sql-convert-direction select{margin:0!important}.sql-convert-options{display:flex;flex-wrap:wrap;gap:8px}.sql-converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sql-converter-grid textarea{min-height:470px!important;margin:0!important;resize:vertical;font:500 .76rem/1.65 "SFMono-Regular",Consolas,monospace!important}.sql-convert-output-panel{display:grid;gap:11px;padding:18px;border-radius:18px;background:#171816;color:#fff}.sql-convert-output-panel textarea{background:#101513!important;color:#edf4f0!important}.sql-convert-output-panel button:disabled,.sql-converter-tool #sqlConvertUse:disabled{opacity:.4}.sql-convert-report{display:grid;gap:8px}.sql-convert-report>p{margin:0!important;padding:44px;text-align:center;color:#667279!important}.sql-convert-report article{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border-radius:12px;background:#fff}.sql-convert-report article>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;font-weight:900}.sql-convert-report article>div{display:grid;gap:3px}.sql-convert-report article span{color:#667279;font-size:.7rem;line-height:1.55}.sql-convert-report article.is-applied>i{background:#dff5e9;color:#087f5b}.sql-convert-report article.is-warning>i{background:#fff0cf;color:#9a6200}@media(max-width:760px){.sql-converter-grid{grid-template-columns:1fr}.sql-converter-grid textarea{min-height:320px}}@media(max-width:480px){.sql-convert-direction{grid-template-columns:1fr}.sql-convert-direction .currency-swap{justify-self:center;transform:rotate(90deg)}}
.animal-lab-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:16px;align-items:start}.animal-input-panel{display:grid;gap:13px}.animal-input-panel .case-panel-head span{padding:5px 8px;border-radius:999px;background:#ecefed;color:#59635e;font-size:.64rem}.animal-input-panel .case-panel-head span.is-ready{background:#dff5e9;color:#087f5b}.animal-drop{display:grid;place-items:center;gap:8px;padding:clamp(30px,5vw,52px);border:2px dashed #bcc8c4;border-radius:17px;background:rgba(255,255,255,.48);text-align:center;cursor:pointer;transition:.2s}.animal-drop:hover,.animal-drop:focus-visible,.animal-drop.is-dragging{border-color:#087f6b;background:#eaf8f4;outline:none}.animal-drop input{position:absolute;width:1px;height:1px;opacity:0}.animal-drop i{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#171816;font-size:1.8rem;font-style:normal}.animal-drop span{color:#667279;font-size:.68rem}.animal-actions button:disabled{opacity:.4}.animal-preview-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:#171816;color:#fff}.animal-stage{position:relative;display:grid;place-items:center;min-height:420px;border-radius:14px;background:repeating-conic-gradient(#313735 0 25%,#252b29 0 50%) 50%/24px 24px;overflow:hidden}.animal-stage img{display:block;width:100%;max-height:560px;object-fit:contain}.animal-stage img[hidden],.animal-stage canvas[hidden],.animal-stage>div[hidden]{display:none!important}.animal-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.animal-stage>div{display:grid;place-items:center;gap:8px;padding:28px;text-align:center}.animal-stage>div span{color:#c8e65c;font-size:.67rem;letter-spacing:.14em}.animal-stage>div p{max-width:330px;margin:0!important;color:#aeb8b3!important;line-height:1.65}.animal-privacy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin:0!important;padding:12px;border-radius:10px;background:rgba(255,255,255,.07);font-size:.68rem!important}.animal-privacy span{color:#aeb8b3}.animal-result-panel{display:grid;gap:14px;padding:clamp(20px,4vw,32px);border-radius:20px;background:#171816;color:#fff}.animal-result-panel[hidden]{display:none!important}.animal-winner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px}.animal-result-emoji{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:#c8e65c;font-size:2.5rem}.animal-winner>div{display:grid;gap:5px}.animal-winner>div>span{color:#c8e65c;font-size:.65rem;letter-spacing:.14em}.animal-winner h2{margin:0;font-size:clamp(1.7rem,4vw,2.7rem)}.animal-winner p{margin:0!important;color:#bdc7c2!important;line-height:1.6}.animal-winner>strong{font-size:clamp(1.5rem,4vw,2.6rem);color:#c8e65c}.animal-evidence{display:flex;flex-wrap:wrap;gap:7px}.animal-evidence span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem}.animal-result-panel blockquote{margin:0;padding:15px 17px;border-left:3px solid #c8e65c;border-radius:8px;background:rgba(200,230,92,.08);color:#edf4f0;font-size:.82rem;line-height:1.7}.animal-runners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.animal-runners article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border-radius:12px;background:rgba(255,255,255,.07)}.animal-runners article>span{font-size:1.5rem}.animal-runners article>div{display:grid;gap:3px}.animal-runners small{color:#aeb8b3}.animal-runners b{color:#c8e65c}.animal-method-card{display:grid;gap:13px}.animal-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.animal-method-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:15px;border-radius:13px;background:#fff}.animal-method-grid article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#171816;color:#c8e65c}.animal-method-grid article>div{display:grid;gap:5px}.animal-method-grid span{color:#667279;font-size:.7rem;line-height:1.55}.animal-disclaimer{margin:0!important;color:#667279!important;font-size:.69rem!important;line-height:1.65}@media(max-width:820px){.animal-lab-layout{grid-template-columns:1fr}.animal-stage{min-height:320px}}@media(max-width:560px){.animal-winner{grid-template-columns:auto minmax(0,1fr)}.animal-winner>strong{grid-column:2}.animal-runners,.animal-method-grid{grid-template-columns:1fr}.animal-actions button,.animal-result-panel .case-actions button{width:100%}}
