body.tool-page{background:#050712;color:#eef2ff;font-family:Inter,system-ui,sans-serif}.tool-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.tool-hero{display:grid;grid-template-columns:1.05fr .75fr;gap:32px;align-items:center;padding:72px 0 28px}.tool-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(142,130,255,.35);border-radius:999px;background:rgba(124,92,255,.12);color:#c9c5ff;font-weight:800;font-size:.85rem}.tool-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;margin:18px 0 14px}.tool-hero p{color:#b8c0df;font-size:1.05rem;line-height:1.75;max-width:760px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.neon-btn,.ghost-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:900}.neon-btn{color:white;background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 18px 48px rgba(99,102,241,.32)}.ghost-btn{color:#dfe6ff;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.tool-visual{position:relative;min-height:300px;border-radius:32px;padding:18px;background:linear-gradient(135deg,rgba(142,130,255,.18),rgba(0,214,255,.08));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.32);overflow:hidden}.tool-visual img{width:100%;height:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 24px 50px rgba(0,0,0,.5))}.workspace-card,.content-card{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(12,18,40,.88),rgba(7,10,22,.82));box-shadow:0 24px 80px rgba(0,0,0,.28);border-radius:30px;overflow:hidden}.workspace-card{padding:20px;margin:32px 0}.workspace-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.workspace-head h2{margin:0;font-size:1.25rem}.workspace-head p{margin:4px 0 0;color:#aeb8d8}.legacy-tool-inner{padding:12px}.legacy-tool-inner main,.legacy-tool-inner section{background:transparent!important}.legacy-tool-inner .container{width:100%;max-width:1100px;margin:auto}.legacy-tool-inner input,.legacy-tool-inner select,.legacy-tool-inner textarea{background:rgba(5,8,20,.78)!important;color:#fff!important;border:1px solid rgba(154,167,255,.28)!important;border-radius:14px!important;padding:10px 12px}.legacy-tool-inner input[type=file]{width:100%}.legacy-tool-inner button,.legacy-tool-inner .btn,.legacy-tool-inner a.btn{border:0;border-radius:999px!important;padding:11px 17px!important;font-weight:800!important;background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;color:#fff!important;text-decoration:none;cursor:pointer}.legacy-tool-inner canvas,.legacy-tool-inner img,.legacy-tool-inner iframe,.legacy-tool-inner video{max-width:100%;border-radius:18px}.legacy-tool-inner .embed-container,.legacy-tool-inner .embed-responsive{position:relative!important;width:100%!important;height:min(900px,82vh)!important;min-height:640px!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#050712}.legacy-tool-inner .embed-container iframe,.legacy-tool-inner .embed-responsive iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}.legacy-tool-inner .text-center{text-align:center}.legacy-tool-inner .row{display:flex;flex-wrap:wrap;gap:18px}.legacy-tool-inner [class*=col-]{flex:1 1 260px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 70px}.content-card{padding:24px}.content-card h2{margin:0 0 12px;font-size:1.45rem}.content-card p,.content-card li{color:#b8c0df;line-height:1.75}.content-card ol,.content-card ul{padding-left:22px}.wide{grid-column:1/-1}.faq-item{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:14px}.related-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.related-tools a{color:#dbeafe;text-decoration:none;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:999px;padding:9px 12px}.footer-shell{width:min(1180px,calc(100% - 32px));margin:50px auto 28px;display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:24px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.04)}.footer-shell a{display:block;color:#c7d2fe;text-decoration:none;margin:8px 0}.footer-shell p{color:#aeb8d8}.footer-brand img{height:44px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;color:#aeb8d8}.info-page .content-card{margin-bottom:18px}.small-note{color:#93a4c8;font-size:.92rem}@media(max-width:860px){.tool-hero,.content-grid,.footer-shell{grid-template-columns:1fr}.tool-hero{padding-top:42px}.tool-visual{min-height:220px}.workspace-head{align-items:flex-start;flex-direction:column}.legacy-tool-inner .embed-container,.legacy-tool-inner .embed-responsive{min-height:580px}.footer-bottom{grid-column:auto}}@media(max-width:420px){.tool-shell{width:min(100% - 20px,1180px)}.workspace-card,.content-card{border-radius:22px;padding:18px}.legacy-tool-inner{padding:0}.legacy-tool-inner .embed-container,.legacy-tool-inner .embed-responsive{min-height:520px}}.legacy-tool-inner .tabs button,.legacy-tool-inner #font-config button,.legacy-tool-inner #wm-bold,.legacy-tool-inner #wm-italic,.legacy-tool-inner #wm-underline,.legacy-tool-inner #bold-btn,.legacy-tool-inner #italic-btn,.legacy-tool-inner #underline-btn{background:linear-gradient(180deg,rgba(18,24,49,.94),rgba(10,14,30,.9))!important;color:#eef2ff!important;border:1px solid rgba(154,167,255,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22)!important;min-width:46px!important;min-height:42px!important;border-radius:14px!important;position:relative!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}.legacy-tool-inner .tabs button.active,.legacy-tool-inner #font-config button.active,.legacy-tool-inner #wm-bold.active,.legacy-tool-inner #wm-italic.active,.legacy-tool-inner #wm-underline.active,.legacy-tool-inner #bold-btn.active,.legacy-tool-inner #italic-btn.active,.legacy-tool-inner #underline-btn.active{background:linear-gradient(135deg,#e84dff,#4776ff 58%,#39c3ff)!important;color:#fff!important;border-color:rgba(255,255,255,.74)!important;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 28px rgba(168,85,247,.58),0 13px 30px rgba(65,111,255,.3)!important;transform:translateY(-1px)!important}.legacy-tool-inner #wm-bold.active::after,.legacy-tool-inner #wm-italic.active::after,.legacy-tool-inner #wm-underline.active::after,.legacy-tool-inner #bold-btn.active::after,.legacy-tool-inner #italic-btn.active::after,.legacy-tool-inner #underline-btn.active::after{content:"✓";position:absolute;right:-5px;top:-8px;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:12px;font-weight:900;border:2px solid #071126;box-shadow:0 0 14px rgba(34,197,94,.55)}.legacy-tool-inner #wm-underline,.legacy-tool-inner #underline-btn{text-decoration:underline!important;text-underline-offset:3px!important}.legacy-tool-inner input[type="color"]{width:92px!important;min-width:92px!important;height:48px!important;padding:5px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;border:1px solid rgba(154,167,255,.42)!important;cursor:pointer!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 26px rgba(0,0,0,.22)!important}.legacy-tool-inner input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important;border-radius:999px!important}.legacy-tool-inner input[type="color"]::-webkit-color-swatch{border:0!important;border-radius:999px!important}.legacy-tool-inner input[type="color"]::-moz-color-swatch{border:0!important;border-radius:999px!important}.legacy-tool-inner .control-help{display:block;color:#8190b8!important;font-size:12px!important;line-height:1.45;margin-top:6px;font-weight:600!important}.legacy-tool-inner .settings-panel{min-width:280px}.legacy-tool-inner .watermark-container,.legacy-tool-inner .page-numbering-container{align-items:flex-start}.info-original-content{padding:34px!important}.info-original-content main,.info-original-content section{background:transparent!important}.info-original-content h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1.02;margin:0 0 22px;color:#fff;letter-spacing:-.035em}.info-original-content h2,.info-original-content h3{color:#f6f8ff;margin-top:26px}.info-original-content p,.info-original-content li{color:#bdc8e8;line-height:1.8}.info-original-content a{color:#a7c7ff;text-decoration:underline;text-underline-offset:3px}.info-original-content .faq-item,.info-original-content .tos-section,.info-original-content .privacy-card{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:16px}@media(max-width:980px){.legacy-tool-inner .watermark-container,.legacy-tool-inner .page-numbering-container{display:flex!important;flex-direction:column!important;gap:1rem!important}.legacy-tool-inner .preview-input,.legacy-tool-inner .preview-output,.legacy-tool-inner .preview-panel,.legacy-tool-inner .settings-panel{width:100%!important;flex:initial!important}.legacy-tool-inner .preview-output{height:62vh!important;min-height:420px!important}}@media(max-width:420px){.legacy-tool-inner input[type="color"]{width:82px!important;min-width:82px!important;height:44px!important}.legacy-tool-inner #font-config{gap:10px!important}}
/* === EditorSuper AI logo proportion fix for tool-page footer === */
a.brand img[src*="logo-navbar"],
.footer-brand img[src*="logo-navbar"],
.footer-shell .brand img[src*="logo-navbar"]{
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  aspect-ratio:400/80!important;
}
.footer-brand img[src*="logo-navbar"],
.footer-shell .brand img[src*="logo-navbar"]{
  width:245px!important;
  max-width:min(245px,80vw)!important;
  max-height:49px!important;
}
@media(max-width:760px){
  .footer-brand img[src*="logo-navbar"],.footer-shell .brand img[src*="logo-navbar"]{width:min(240px,78vw)!important;max-height:48px!important;}
}
@media(max-width:420px){
  .footer-brand img[src*="logo-navbar"],.footer-shell .brand img[src*="logo-navbar"]{width:min(220px,76vw)!important;max-height:44px!important;}
}