.magnifier-tool{width:100%;max-width:1100px;margin:auto;padding:24px;background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 12px 35px rgb(25 35 60 / .09)}.tool-heading{text-align:center;margin-bottom:24px}.tool-heading h1{font-size:42px;font-weight:750;margin-bottom:7px}.tool-heading p{color:#222;margin:0;font-size:16px}.panel{height:100%;padding:20px;border:1px solid #e5e8ef;border-radius:14px;background:#fff}.panel-title{font-size:17px;font-weight:700;margin-bottom:16px}.form-label{font-size:13px;font-weight:700;color:#40485a;margin-bottom:8px}.text-input{display:block;width:100%;min-height:210px;padding:14px;border:1px solid #d8dde7;border-radius:10px;resize:vertical;outline:none;font-size:15px;line-height:1.6;transition:border .2s,box-shadow .2s}.text-input:focus{border-color:#6478e8;box-shadow:0 0 0 3px rgb(100 120 232 / .12)}.control-group{margin-top:20px}.range-value{font-size:13px;font-weight:700;color:#5265d9;white-space:nowrap}.form-range{cursor:pointer}.btn-gradient{background:linear-gradient(135deg,#343a46,#11151d);color:#fff;border:1px solid #343a46;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.btn-gradient:hover{background:linear-gradient(135deg,#4b5261,#222833);color:#fff}.btn-light-custom{border:1px solid #dfe3eb;background:#f7f8fb;color:#30394a;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:600}.btn-light-custom:hover{background:#e9edf5}.preview-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.mode-btn{border:1px solid #dce1eb;background:#fff;color:#515b6e;padding:7px 11px;font-size:12px;border-radius:7px}.mode-btn.active{background:#273044;color:#fff;border-color:#273044}.preview-box{width:100%;height:350px;overflow:auto;padding:22px;border:1px solid #dfe3eb;border-radius:11px;background:#fff;color:#20242c;overflow-wrap:anywhere;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#9ba4b5 #edf0f5}.preview-box.dark{background:#171a21;color:#f5f6fa;border-color:#343944}.preview-box.contrast{background:#000;color:#ff0;border:2px solid #ff0}.preview-text{margin:0;font-size:27px;line-height:1.6;font-weight:500;font-family:Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.preview-placeholder{color:#9299a8;font-size:15px;font-style:italic}.stats-row{display:flex;gap:10px;margin-top:15px}.stat-card{flex:1;min-width:0;padding:11px 8px;border-radius:9px;background:#f5f7fb;text-align:center}.stat-number{display:block;font-size:20px;font-weight:750;color:#303b56;overflow-wrap:anywhere}.stat-label{color:#788094;font-size:11px}.help-text{margin-top:13px;font-size:12px;color:#81899a;line-height:1.6}.status-message{min-height:18px;margin-top:8px;font-size:12px;color:#287b4c}.zoom-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.zoom-preset{padding:5px 9px;font-size:12px;border:1px solid #dfe3eb;border-radius:7px;background:#f7f8fb;color:#30394a}.zoom-preset:hover{background:#e9edf5}@media (max-width:767px){body{padding:12px 8px}.magnifier-tool{padding:14px;border-radius:12px}.tool-heading h1{font-size:23px}.panel{padding:15px}.preview-box{height:320px;padding:16px}.stats-row{gap:6px}.stat-number{font-size:18px}}