/* =====================================================
PROPDFTOOL MASTER UI ENGINE — FINAL PRODUCTION LOCK
Universal for 100+ Tools
===================================================== */

/* ENGINE ISOLATION */
.tool-ui-engine,
.tool-ui-engine *{
 box-sizing:border-box;
}

.tool-ui-engine{
 background:#ffffff;
}

/* MAIN SEO BOX */
.tool-ui-engine .split-main-box{
 background:#fff;
 border:1px solid #e8ecf3;
 border-radius:18px;
 padding:45px;
 margin:50px 0;
 box-shadow:0 8px 30px rgba(0,0,0,.06);
}

@media(max-width:768px){
 .tool-ui-engine .split-main-box{
  padding:30px;
 }
}

/* GRID SYSTEM */
.tool-ui-engine .split-feature-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:28px;
}

.tool-ui-engine .split-grid-3{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 gap:28px;
}

/* FEATURE CARD */
.tool-ui-engine .split-feature-card{
 background:#fff;
 padding:28px;
 border-radius:16px;
 border:1px solid #eef1f6;
 text-align:center;
 box-shadow:0 8px 24px rgba(0,0,0,.05);
 transition:all .35s ease;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}

.tool-ui-engine .split-feature-card:hover{
 transform:translateY(-8px);
 box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* ICON FLOAT */
@keyframes toolIconFloat{
 0%{ transform:translateY(0px);}
 50%{ transform:translateY(-6px);}
 100%{ transform:translateY(0px);}
}

.tool-ui-engine .icon{
 width:64px;
 height:64px;
 border-radius:18px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 auto 18px auto;
 font-size:22px;
 color:#fff;
 box-shadow:0 6px 18px rgba(0,0,0,.08);
 animation:toolIconFloat 4s ease-in-out infinite;
 transition:transform .3s ease;
}

.tool-ui-engine .split-feature-card:hover .icon{
 transform:translateY(-8px) scale(1.05);
 animation-play-state:paused;
}

/* ICON COLORS */
.icon.red{background:#ef4444;}
.icon.blue{background:#3b82f6;}
.icon.green{background:#10b981;}
.icon.cyan{background:#06b6d4;}
.icon.yellow{background:#f59e0b;}

/* RELATED TOOLS */
.tool-ui-engine .related-tools-section{
 padding:70px 20px 50px;
 text-align:center;
}

.tool-ui-engine .related-tools-grid{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:22px;
}

.tool-ui-engine .related-tool-btn{
 display:inline-flex;
 align-items:center;
 gap:10px;
 padding:14px 26px;
 border-radius:999px;
 border:2px solid #e63947;
 color:#e63947;
 text-decoration:none;
 font-weight:500;
 background:#fff;
 transition:all .25s ease;
}

.tool-ui-engine .related-tool-btn:hover{
 background:#e63947;
 color:#fff;
 transform:translateY(-2px);
 box-shadow:0 10px 20px rgba(230,57,71,0.25);
}

/* ==========================================
   PNG Transparency Checker Background
   ========================================== */
.tool-ui-engine .img-thumbnail {
    background: repeating-conic-gradient(
        #ccc 0% 25%, 
        transparent 0% 50%
    ) 50% / 20px 20px;
}