/* Shared icon + text row: the icon uses the same 20px line box as the first text line. */
.icon-text-row,.favicon-record-note,.utility-notice,.compress-local-note,.convert-format-note,.convert-notice,.pdf-local-note,.pdf-sort-tip,.json-notice,.uuid-note{display:flex;align-items:flex-start;line-height:20px}
.icon-text-row>i:first-child,.favicon-record-note>i:first-child,.utility-notice>i:first-child,.compress-local-note>i:first-child,.convert-format-note>i:first-child,.convert-notice>i:first-child,.pdf-local-note>i:first-child,.pdf-sort-tip>i:first-child,.json-notice>i:first-child,.uuid-note>i:first-child{width:18px;height:20px;display:block;flex:0 0 18px;margin:0;line-height:20px;text-align:center}
.icon-text-row>span,.favicon-record-note>span,.utility-notice>span,.compress-local-note>span,.convert-format-note>span,.convert-notice>span,.pdf-local-note>span,.pdf-sort-tip>span,.json-notice>span,.uuid-note>span{min-width:0;line-height:20px}
.favicon-safety.icon-text-row{align-items:center}.favicon-safety.icon-text-row>i:first-child{height:auto;line-height:1}

/* Extended local tools */
.extended-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}
.extended-card{overflow:hidden;border:1px solid #dfe4e9;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(39,52,70,.05)}
.extended-card>header{min-height:62px;display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #e7eaee}
.extended-card>header>span{width:35px;height:35px;display:grid;place-items:center;flex:none;color:#fff;border-radius:10px;background:#56657a;font-size:18px}
.extended-card>header h2,.extended-card>header p{margin:0}.extended-card>header h2{color:#303a49;font-size:17px}.extended-card>header p{margin-top:3px;color:#929aa6;font-size:12px}
.extended-body{display:grid;gap:15px;padding:20px}.extended-field{display:flex;flex-direction:column;gap:7px;color:#5f6977;font-size:12px}.extended-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.extended-field input,.extended-field select,.extended-field textarea{width:100%;height:42px;padding:0 11px;color:#344050;border:1px solid #dce2e8;border-radius:9px;outline:0;background:#fff;font-size:13px}
.extended-field textarea{height:230px;padding:12px;resize:vertical;line-height:1.65;font-family:Consolas,Monaco,"Microsoft YaHei",monospace}.extended-field input[type=range]{height:auto;padding:0;border:0;accent-color:#56657a}
.extended-options{display:flex;flex-wrap:wrap;gap:8px 15px;color:#687280;font-size:12px}.extended-options label{display:flex;align-items:center;gap:6px}.extended-options input{accent-color:#56657a}
.extended-actions{display:flex;flex-wrap:wrap;gap:8px}.extended-actions button{height:39px;padding:0 12px;color:#596574;border:1px solid #dce2e8;border-radius:9px;background:#fff;font-size:12px;cursor:pointer}.extended-actions button.is-primary{color:#fff;border-color:#56657a;background:#56657a;font-weight:700}.extended-actions button:disabled{opacity:.45;cursor:not-allowed}
.extended-output{min-height:270px;margin:0;padding:18px;overflow:auto;color:#dfe6ef;background:#2b3441;font:13px/1.7 Consolas,Monaco,monospace;white-space:pre-wrap;word-break:break-word}.extended-meta{display:flex;flex-wrap:wrap;gap:8px;padding:12px 17px;border-top:1px solid #e5e8ec;background:#fafbfc}.extended-meta span{padding:4px 8px;color:#687280;border-radius:6px;background:#edf1f4;font-size:12px}
.hash-results{display:grid;gap:8px;padding:18px}.hash-results button{display:grid;grid-template-columns:90px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;color:#46515f;border:1px solid #e0e5e9;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.hash-results span{color:#8a929e;font-size:12px}.hash-results strong{overflow:hidden;font:13px Consolas,monospace;text-overflow:ellipsis}
.password-list{width:100%;height:390px;display:block;resize:vertical;padding:18px;color:#35404f;border:0;outline:0;font:13px/1.85 Consolas,monospace}.password-strength{height:9px;overflow:hidden;border-radius:99px;background:#e8ebef}.password-strength i{width:0;height:100%;display:block;border-radius:inherit;background:#d95f64;transition:.2s}.password-strength.is-medium i{background:#d9a137}.password-strength.is-strong i{background:#2e9d72}
.markdown-layout{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dfe3e8;border-radius:15px;background:#fff;box-shadow:0 12px 36px rgba(39,52,70,.05)}.markdown-pane{min-width:0}.markdown-pane+section{border-left:1px solid #e1e5e9}.markdown-pane header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #e7eaed;background:#fafbfc}.markdown-pane header strong,.markdown-pane header small{font-size:12px}.markdown-pane header small{color:#9299a5}.markdown-pane textarea{width:100%;height:570px;display:block;resize:vertical;padding:18px;color:#303946;border:0;outline:0;font:13px/1.75 Consolas,monospace}.markdown-preview{height:570px;overflow:auto;padding:25px;color:#344050;line-height:1.75}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:1em 0 .45em;line-height:1.3}.markdown-preview h1{font-size:28px}.markdown-preview h2{font-size:22px}.markdown-preview h3{font-size:18px}.markdown-preview p{margin:.65em 0}.markdown-preview code{padding:2px 5px;border-radius:5px;background:#eef1f4;font:12px Consolas,monospace}.markdown-preview pre{padding:15px;overflow:auto;color:#dfe6ef;border-radius:10px;background:#2b3441}.markdown-preview pre code{padding:0;background:none}.markdown-preview blockquote{margin:12px 0;padding:5px 15px;color:#697382;border-left:3px solid #79879a;background:#f5f7f9}.markdown-preview a{color:#3478d4}.markdown-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.markdown-toolbar button{height:37px;padding:0 11px;color:#596473;border:1px solid #dce2e7;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.markdown-toolbar button.is-primary{color:#fff;border-color:#56657a;background:#56657a}
.diff-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diff-result{margin-top:18px;overflow:hidden;border:1px solid #dfe4e9;border-radius:15px;background:#fff}.diff-result header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid #e7eaee}.diff-result header>div{display:flex;flex-wrap:wrap;gap:7px}.diff-result header span{padding:5px 8px;border-radius:6px;background:#edf1f4;font-size:12px}.diff-table{max-height:520px;overflow:auto;font:12px/1.65 Consolas,monospace}.diff-row{display:grid;grid-template-columns:45px 26px minmax(0,1fr);min-height:28px;border-bottom:1px solid #edf0f2}.diff-row b{padding:4px 8px;color:#9aa1aa;background:#fafbfc;text-align:right;font-weight:400}.diff-row i{padding:4px;text-align:center;font-style:normal}.diff-row code{padding:4px 10px;white-space:pre-wrap;word-break:break-word}.diff-row.is-add{background:#effaf4}.diff-row.is-add i{color:#21825f}.diff-row.is-del{background:#fff3f4}.diff-row.is-del i{color:#b64750}.diff-empty{padding:40px;color:#969da8;text-align:center;font-size:12px}
.cron-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cron-presets button{padding:10px;color:#5c6674;border:1px solid #dfe4e9;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.cron-presets button.is-active{color:#fff;border-color:#56657a;background:#56657a}.cron-expression{display:flex;align-items:center;gap:8px}.cron-expression input{flex:1;font:14px Consolas,monospace}.cron-next{display:grid;gap:8px;padding:18px}.cron-next div{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px;border-radius:9px;background:#f5f7f9}.cron-next span{width:28px;height:28px;display:grid;place-items:center;color:#56657a;border-radius:7px;background:#e5eaf0;font-size:12px}.cron-next strong,.cron-next small{display:block}.cron-next strong{color:#3f4957;font-size:13px}.cron-next small{margin-top:3px;color:#8d95a1;font-size:12px}
.cron-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cron-fields label{display:grid;gap:6px;color:#717b88;font-size:12px}.cron-fields input{width:100%;height:40px;padding:0 8px;color:#344050;border:1px solid #dce2e8;border-radius:8px;outline:0;font:13px Consolas,monospace;text-align:center}.cron-expression button{height:42px;padding:0 12px;color:#596574;border:1px solid #dce2e8;border-radius:9px;background:#fff;font-size:12px;cursor:pointer}
@media(max-width:950px){.extended-grid,.diff-editors,.markdown-layout{grid-template-columns:1fr}.markdown-pane+section{border-top:1px solid #e1e5e9;border-left:0}.cron-presets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.extended-body{padding:15px}.extended-actions button{flex:1}.hash-results button{grid-template-columns:64px minmax(0,1fr) 18px}.cron-presets{grid-template-columns:1fr}.cron-fields{grid-template-columns:repeat(3,1fr)}.markdown-preview,.markdown-pane textarea{height:430px}.diff-result header{align-items:flex-start;flex-direction:column}}