.png-tools-page{line-height:1.5;color:#333;padding-bottom:20px}.png-tools-page h1{margin-top:0}.tools-lead{font-size:17px;max-width:850px}.png-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.png-tool-card,.tools-content-section,.png-tool-app{border:1px solid #ccc;background:#fff;padding:16px;margin:0 0 18px}.png-tool-card{min-height:150px}.png-tool-card h2{font-size:20px;margin-top:0}.png-tool-card p{font-size:14px;min-height:45px}.tools-link{display:inline-block;background:#c00;color:#fff!important;padding:7px 12px;border-radius:3px;text-decoration:none!important}.png-tool-app{background:#f8f8f8}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.tool-panel{border:1px solid #ddd;background:#fff;padding:15px}.tool-panel h2{font-size:20px;margin-top:0}.tool-panel label{font-weight:700;margin:0 0 10px}.tool-panel input[type=file]{height:auto;padding:8px;background:#fff}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-fields label{font-size:13px}.tool-fields input,.tool-fields select{margin-top:4px;margin-bottom:0}.tool-check{font-weight:400!important;display:flex!important;gap:7px;align-items:center}.tool-check input{width:auto;margin:0}.tool-button{border:0;background:#c00;color:#fff;padding:9px 15px;border-radius:3px;cursor:pointer;font-weight:700;margin-top:15px}.tool-button:hover{background:#a60000}.tool-secondary{background:#555}.tool-status{min-height:24px;margin-top:12px;color:#444}.tool-status.error,.tools-warning{color:#b00000}.tool-status.success{color:#087522}.tool-output{margin-top:15px}.tool-output img{max-height:350px;max-width:100%;border:1px solid #aaa}.tool-preview{display:block;min-height:120px;padding:10px;text-align:center;background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.tool-preview img{vertical-align:middle}.tool-download{display:inline-block;margin:12px 8px 0 0;background:#333;color:#fff!important;padding:7px 11px;border-radius:3px;text-decoration:none!important}.tools-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tools-example-card{padding:16px;min-height:100px;border:1px solid #ccc}.tools-example-before{background:#f7f7f7}.tools-example-after{background:#fff8e0;border-color:#e0c976}.tools-related-list{columns:2}.tools-related-list li{margin-bottom:7px}.tools-faq h3{font-size:17px;margin:13px 0 3px}.tools-faq p{margin-bottom:10px}.tools-info-block,.tools-privacy{background:#fffbe0;padding:16px;margin-top:20px}.tools-calculator-result{font-size:20px;padding:12px;background:#eef7fb;border:1px solid #b9d5e2;margin-top:15px}.tools-calculator-result small{display:block;font-size:13px}.tools-palette{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.palette-swatch{width:110px;border:1px solid #bbb;background:#fff;padding-bottom:7px}.palette-color{height:65px}.palette-hex{display:block;width:100%;border:0;background:none;padding:7px 4px 0;cursor:pointer;font-weight:700}.tool-note{font-size:12px;color:#666;margin-top:8px}.tool-range-value{font-weight:700}.tool-inline{display:flex;gap:10px;align-items:center}.tool-inline>*{flex:1}.tool-inline .tool-button{flex:0 0 auto}.tool-list{margin:10px 0 0 20px}.tool-file-name{font-size:13px;color:#666;margin-top:6px;word-break:break-all}.tool-drop{border:2px dashed #bbb;padding:18px;text-align:center;background:#fff;margin-bottom:12px}.tool-drop.dragover{border-color:#c00;background:#fff8e0}@media(max-width:800px){.png-tools-grid,.tool-layout,.tools-example-grid{grid-template-columns:1fr}.tools-related-list{columns:1}.tool-fields{grid-template-columns:1fr}.png-tool-card{min-height:0}}
.tool-source-loaded,.tool-source-note{color:#666;font-size:.9rem;margin:.35rem 0 1rem}.tool-source-note:empty{display:none}.tool-source-preview{display:flex;align-items:center;gap:12px;padding:10px;margin:0 0 10px;border:1px solid #ccc;background:#fafafa}.tool-source-preview-image{display:block;width:100px;height:100px;object-fit:contain;background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.tool-source-preview-name{display:block;word-break:break-word}.tools-example-card strong{display:block;margin-bottom:8px}.tools-example-card p{display:block;margin:0;line-height:1.5}.png-tools-page h1,.png-tools-page h2,.png-tools-page h3{color:#222}.png-tool-card h2 a{color:#222!important;text-decoration:none!important}.png-tool-card h2 a:hover{color:#c00!important}.tool-card-illustration{height:94px;display:flex;align-items:center;justify-content:center;margin:-4px 0 10px;background:#fafafa;border:1px solid #eee}.tool-card-illustration svg{display:block;width:145px;height:88px}