.tool-page{max-width:900px;min-height:calc(100vh - 140px);padding-top:25px;padding-bottom:55px}.tool-page .breadcrumbs{display:flex;align-items:center;gap:9px;color:#a0a1af;font-size:11px;margin-bottom:26px}.tool-page .breadcrumbs a:hover,.tool-page .back-home:hover{color:var(--purple)}.tool-page-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.tool-page-heading>.tool-icon{width:48px;height:48px;border-radius:13px;font-size:18px}.tool-page-heading h1{font-size:25px;letter-spacing:-.5px;margin:4px 0 5px}.tool-page-heading p{font-size:12px;color:#858697;margin:0}.tool-panel{background:#fff;border:1px solid #ececf3;border-radius:12px;box-shadow:0 5px 18px #29264a06;overflow:hidden}.tool-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#fff;border-bottom:1px solid #eeeff4}.tool-panel-top .privacy-note{margin:0}.tool-content{padding:17px}.tool-label{display:block;font-size:11px;font-weight:600;color:#67697d;margin:0 0 7px}.tool-input,.tool-textarea,.tool-select{width:100%;border:1px solid #e7e8ef;border-radius:7px;background:#fff;color:#4d4f64;padding:10px 11px;font:12px var(--font);outline:none}.tool-input:focus,.tool-textarea:focus,.tool-select:focus{border-color:#aaa2fb;box-shadow:0 0 0 3px #6557ed10}.tool-textarea{display:block;min-height:190px;resize:vertical;font:12px/1.7 'Consolas','SFMono-Regular',monospace}.tool-select{height:39px}.tool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.tool-actions .primary-button,.tool-actions .secondary-button{margin:0;font-size:10px}.tool-status{min-height:16px;margin:9px 0 0;color:#858697;font-size:10px}.tool-status.success{color:#35a975}.tool-status.error{color:#df6565}.tool-result-box{margin-top:14px;padding:12px;border:1px solid #efeff4;border-radius:8px;background:#f9f9fc}.tool-result-label{font-size:10px;color:#999aa9;margin-bottom:7px}.tool-note{font-size:10px;line-height:1.8;color:#9293a2;margin:10px 0 0}.tool-help{max-width:760px;margin:24px 0 17px}.tool-help h2{font-size:14px;margin:0 0 7px}.tool-help p{font-size:11px;line-height:1.9;color:#858697;margin:0}.tool-page .back-home{font-size:11px;color:#747588}.tool-segmented{display:flex;gap:6px;padding:4px;border-radius:8px;background:#f3f3f8;width:max-content;max-width:100%}.tool-segmented button{border:0;border-radius:6px;background:transparent;color:#818293;font-size:10px;padding:8px 13px;cursor:pointer}.tool-segmented button.active{background:#fff;color:#5f51e5;box-shadow:0 1px 4px #24243a12;font-weight:600}.tool-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-check-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tool-check{display:flex;align-items:center;gap:6px;color:#67697d;font-size:11px}.tool-check input{accent-color:#6557ed}.tool-output-area{position:relative}.copy-inline{border:0;background:none;color:#6557ed;font-size:10px;cursor:pointer}.tool-warning{padding:11px 13px;border:1px solid #f2dfb7;border-radius:8px;background:#fffaf0;color:#916a20;font-size:10px;line-height:1.8;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.stat-card{padding:10px;border:1px solid #eeeef4;border-radius:7px;background:#fafafd}.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:9px;color:#999aa9}.stat-card strong{font-size:15px;color:#56586d;margin-top:5px;font-variant-numeric:tabular-nums}.password-result-row{display:flex;gap:8px;align-items:center}.password-result-row input{font:15px/1.5 'Consolas',monospace;letter-spacing:.3px}.range-row{display:grid;grid-template-columns:1fr 82px;gap:12px;align-items:center}.range-row input[type=range]{width:100%;accent-color:#6557ed}.tool-dropzone{border:1px dashed #d8d8e4;border-radius:8px;padding:18px;text-align:center;color:#858697;font-size:10px;background:#fafafd}.tool-dropzone input{display:block;max-width:100%;margin:10px auto 0}.image-preview{display:block;max-width:100%;max-height:260px;margin:12px auto 0;border-radius:6px}.hidden{display:none!important}
@media(max-width:650px){.tool-page{padding:19px 17px 42px}.tool-page-heading h1{font-size:22px}.tool-content{padding:13px}.tool-panel-top{align-items:flex-start;flex-direction:column}.tool-grid-2{grid-template-columns:1fr;gap:11px}.stat-grid{grid-template-columns:repeat(2,1fr)}.tool-segmented button{padding:8px 10px}.password-result-row{align-items:stretch;flex-direction:column}.password-result-row .secondary-button{align-self:flex-start}}

/* Consistent, easy-to-find navigation on every standalone tool page. */
.tool-page .breadcrumbs{width:max-content;max-width:100%;min-height:36px;gap:10px;margin-bottom:22px;padding:7px 11px;border:1px solid #ececf3;border-radius:9px;background:#fff;color:#a0a1af;line-height:1.5}
.tool-page .breadcrumbs a{display:inline-flex;align-items:center;min-height:24px;color:#77798d;text-decoration:none;transition:color .16s ease}
.tool-page .breadcrumbs a:hover{color:var(--purple)}
.tool-page .breadcrumbs a:focus-visible,.tool-page .back-home:focus-visible{outline:3px solid #6557ed55;outline-offset:2px}
.tool-page .breadcrumbs>span:last-child{color:#45475d;font-weight:600}
.tool-page .back-home{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-top:6px;padding:0 15px;border:1px solid #e6e6ef;border-radius:9px;background:#fff;color:#5f6074;font-size:12px;font-weight:600;text-decoration:none;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
.tool-page .back-home:hover{border-color:#c9c3ff;background:#f8f7ff;color:#5547df;transform:translateX(-2px)}
@media(max-width:650px){.tool-page .breadcrumbs{gap:7px;margin-bottom:19px;padding:6px 9px;font-size:10px}.tool-page .back-home{min-height:44px;font-size:12px}}