/* ALINOVA Tools v16 — restored static identity, grouped navigation, cleaner editing tools */
:root{--v16-bg:#080e1a;--v16-panel:#1d304b;--v16-edge:rgba(158,199,238,.32);--v16-ink:#f2f8ff;--v16-sub:#b4c9e0;--v16-purple:#b4a4ff;--v16-cyan:#8adeff;--v16-mint:#76eed5;--v16-gold:#ffd399}
body:not(.admin-body){background:
  radial-gradient(720px 510px at 88% -10%,rgba(86,94,218,.15),transparent 73%),
  radial-gradient(760px 540px at -14% 30%,rgba(19,115,169,.09),transparent 74%),
  linear-gradient(172deg,#080f1e,#091321 58%,#07101c)!important
}
.topbar{background:rgba(10,19,35,.96)!important;border-color:rgba(133,178,230,.32)!important}
.brand .logo.ux16-mark,.ali-side-brand .ali-side-logo.ux16-mark,.site-header .brand-mark.ux16-mark{
 background:linear-gradient(140deg,#142744,#0b182e)!important;border:1px solid rgba(144,196,241,.5)!important;
 box-shadow:0 7px 23px rgba(8,12,38,.25),inset 0 1px rgba(240,249,255,.14)!important;
 border-radius:15px!important;overflow:hidden!important;display:grid!important;place-items:center!important;
 width:49px!important;height:49px!important;flex:0 0 49px!important;padding:0!important
}
.ux16-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
.ux16-brand-caption{display:block;font-size:8px;letter-spacing:.12em;color:#92bce2}
.ux14-brand-title small{color:#98bddd!important}
.top-actions .ux13-nav-tools{box-shadow:0 7px 22px rgba(96,134,242,.2)!important}
.home-v2 .tool-grid,.all-tools-page .tool-grid{gap:15px!important}
.tool-card-link article,.home-v2 .tool-card-link article,.all-tools-page .tool-card-link article{
 border:1px solid color-mix(in srgb,var(--ux-card-accent,#a4b2fa) 35%,rgba(143,179,219,.23))!important;
 box-shadow:0 12px 28px rgba(0,10,27,.20)!important;
 overflow:hidden;position:relative
}
.tool-card-link article::after{content:"";position:absolute!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:3px!important;height:100%!important;
 background:linear-gradient(180deg,var(--ux-card-accent,#9eaeff),transparent 83%)!important;
 border:none!important;transform:none!important;border-radius:0!important;opacity:.8!important}
.tool-card-link[data-category="docs"] article{background:linear-gradient(144deg,#352c50 0%,#202d48 43%,#15293f 100%)!important}
.tool-card-link[data-category="images"] article{background:linear-gradient(144deg,#16415a 0%,#17364f 43%,#10273f 100%)!important}
.tool-card-link[data-category="business"] article{background:linear-gradient(144deg,#3b3549 0%,#283449 43%,#162b43 100%)!important}
.tool-card-link[data-category="career"] article{background:linear-gradient(144deg,#1a413f 0%,#183747 43%,#132a40 100%)!important}
.tool-card-link[data-category="utility"] article{background:linear-gradient(144deg,#3b2c50 0%,#2b2e49 43%,#14273e 100%)!important}
.tool-card-link[data-category="other"] article{background:linear-gradient(144deg,#28395e 0%,#203550 43%,#142943 100%)!important}
.tool-card-link:hover article{border-color:color-mix(in srgb,var(--ux-card-accent,#b4baff) 73%,transparent)!important;
 box-shadow:0 20px 43px rgba(1,9,30,.35)!important}
.tool-card-link .ux13-illustration{opacity:.72!important}
.tool-card-link h3{font-weight:830!important}
.tool-card-link p{color:#bdcee3!important}
.ux13-collection,.ux14-directory-search{border-color:rgba(156,190,230,.36)!important}
.nv15-task{border-color:color-mix(in srgb,var(--nv15-accent) 40%,rgba(164,181,220,.2))!important}
.home-trust-card,.home-guide-grid>a,.popular-card,.price-card,.seo-rich-card,.seo-value-card,.howto,.related-tools{border-color:rgba(159,191,232,.28)!important}

/* The sidebar is completely rebuilt; hide it physically when not in use. */
.ali-nav-overlay[hidden]{display:none!important}
.ali-nav-overlay{z-index:11010!important;background:rgba(2,8,18,.75)!important;backdrop-filter:blur(5px)!important}
.ali-sidebar.ux16-sidebar{
 left:0!important;right:auto!important;transform:translateX(-104%)!important;
 z-index:11011!important;width:min(410px,95vw)!important;
 background:linear-gradient(180deg,#111f35,#0b1728 70%,#0a1525)!important;
 border-right:1px solid rgba(145,179,222,.34)!important;border-left:0!important;
 box-shadow:15px 0 60px rgba(1,6,19,.4)!important;visibility:hidden;pointer-events:none;
 display:flex!important;flex-direction:column;overflow:hidden
}
html[dir="rtl"] .ali-sidebar.ux16-sidebar{left:auto!important;right:0!important;transform:translateX(104%)!important}
body.ali-nav-open .ali-sidebar.ux16-sidebar{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
body.ali-nav-open{overflow:hidden!important}
.ux16-side-header{
 padding:19px 17px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
 border-bottom:1px solid rgba(145,174,217,.2)
}
.ux16-side-header .ali-side-brand{min-width:0;gap:11px}
.ux16-side-header .ali-side-logo.ux16-mark{width:43px!important;height:43px!important;flex-basis:43px!important}
.ux16-side-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.ux16-side-brand-copy strong{font-size:13px;letter-spacing:.085em;color:#f7faff}
.ux16-side-brand-copy em{font-style:normal;color:#7bdaff}
.ux16-side-brand-copy small{font-size:8.5px;color:#93b6d5;letter-spacing:.11em}
.ux16-side-header .ali-side-close{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(154,180,216,.3);background:#1c304b}
.ux16-side-header .ali-side-close svg{width:18px;height:18px}
.ux16-side-search{display:flex;align-items:center;gap:8px;margin:15px 15px 12px;padding:0 13px;min-height:49px;border:1px solid rgba(139,185,234,.38);border-radius:14px;background:#162940}
.ux16-side-search:focus-within{border-color:#95c9ff;box-shadow:0 0 0 3px rgba(114,176,255,.13)}
.ux16-side-search>span:first-child{display:grid;place-items:center;color:#a5d5ff}
.ux16-side-search svg{width:18px;height:18px}
.ux16-side-search .ali-side-search{min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:12px 0!important;font-size:14px!important;color:#f2f9ff!important}
.ux16-search-count{font-size:10px;color:#99b9d9;white-space:nowrap}
.ux16-side-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;padding:0 15px 13px}
.ux16-side-actions a{min-height:41px;display:flex;align-items:center;justify-content:center;gap:6px;
 border:1px solid rgba(152,187,229,.28);border-radius:11px;background:#1b314c;color:#d6e7fa;
 font-size:11px;font-weight:800;text-decoration:none}
.ux16-side-actions a:first-child{background:linear-gradient(110deg,#b39dff,#7ed9ec);color:#09162a;border:0}
.ux16-side-actions svg{width:15px;height:15px}
.ux16-side-content{flex:1;overflow-y:auto;padding:4px 12px 18px;scrollbar-color:#537093 transparent}
.ux16-menu-group{margin:7px 0;border:1px solid rgba(142,178,217,.19);border-radius:14px;background:rgba(26,44,68,.7);overflow:hidden}
.ux16-menu-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 12px;min-height:48px;color:#eef6ff;font-size:12px;font-weight:800}
.ux16-menu-group>summary::-webkit-details-marker{display:none}
.ux16-group-label{display:flex;align-items:center;gap:9px;flex:1}
.ux16-group-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:rgba(126,162,239,.12);color:#91ceff}
.ux16-group-icon svg{width:17px;height:17px}
.ux16-group-count{border-radius:8px;padding:3px 6px;background:rgba(121,169,219,.13);color:#a6c6e4;font-size:10px}
.ux16-menu-group>summary>svg{width:15px;height:15px;transition:transform .16s;color:#a0bddd}
.ux16-menu-group[open]>summary>svg{transform:rotate(180deg)}
.ux16-menu-group[open]{border-color:rgba(136,187,245,.35)}
.ux16-nav-items{padding:0 6px 8px}
.ux16-nav-link{display:flex;gap:11px;align-items:center;min-height:43px;margin:3px 0;padding:7px 9px;border-radius:10px;color:#bbd0e6;text-decoration:none;font-size:12px;border:1px solid transparent}
.ux16-nav-link:hover,.ux16-nav-link:focus-visible{background:#263e5f;border-color:rgba(130,178,225,.26);color:#fff}
.ux16-nav-link.active{background:linear-gradient(110deg,rgba(117,123,255,.24),rgba(62,186,216,.16));color:#fff;border-color:rgba(133,167,255,.47)}
.ux16-nav-link .ali-side-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#142842;border:1px solid rgba(118,169,227,.17);color:#86caff}
.ux16-nav-link .ali-side-icon svg{width:17px;height:17px;display:block;stroke:currentColor;fill:none;stroke-width:1.7}
.ux16-nav-link-text{flex:1}
.ux16-nav-link[hidden],.ux16-menu-group[hidden],.ux16-noresults[hidden]{display:none!important}
.ux16-noresults{text-align:center;padding:35px 12px;color:#aac4e0;font-size:12px}
.ux16-side-footer{display:flex;gap:8px;justify-content:space-around;flex-wrap:wrap;border-top:1px solid rgba(145,179,222,.2);padding:12px 15px 17px}
.ux16-side-footer a{color:#9fb9d6;text-decoration:none;font-size:11px;font-weight:750}
.ux16-side-footer a:hover{color:#fff}
.ux16-menu-trigger{display:inline-flex!important;align-items:center;gap:7px;min-height:39px!important}
.ux16-menu-trigger svg{width:18px;height:18px;stroke:currentColor}
.ux16-menu-trigger span{font-size:11px}
.ux16-menu-group>summary:focus-visible,.ux16-nav-link:focus-visible{outline:2px solid #80ddff!important;outline-offset:2px!important}

/* An explicit, readable editing workflow on file-based tools, no change to processors */
.tool-shell:has(.dropzone){border-color:rgba(157,190,238,.32)!important;background:linear-gradient(155deg,#1b314f,#122740)!important}
.ux16-edit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 18px}
.ux16-edit-step{display:flex;align-items:center;gap:8px;min-width:0;padding:11px 9px;border-radius:13px;background:#132843;border:1px solid rgba(138,171,217,.27);color:#a9bed7}
.ux16-edit-step .step-no{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#273c60;color:#d0dcfa;font-size:11px;font-weight:900}
.ux16-edit-step .step-label{min-width:0;font-size:11px;font-weight:800;line-height:1.3}
.ux16-edit-step.is-current{border-color:rgba(155,169,255,.65);background:#2a3155;color:#fff}
.ux16-edit-step.is-current .step-no{background:linear-gradient(135deg,#b7a6ff,#80c8ff);color:#07152a}
.ux16-edit-step.is-complete{border-color:rgba(94,222,187,.47);color:#9eeed8}
.ux16-edit-step.is-complete .step-no{background:#225f60;color:#caffed}
.ux16-options-head{display:flex;align-items:center;gap:8px;margin:16px 0 10px;color:#ecf5ff;font-size:12px;font-weight:860;letter-spacing:.015em}
.ux16-options-head span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:rgba(137,164,252,.16);color:#b3c4ff}
.ux16-options-head svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}
.ux16-setting-panel{border:1px solid rgba(146,183,223,.25);border-radius:17px!important;padding:13px!important;background:#152a45!important}
.ux16-setting-panel label{background:#182f4e!important}
.tool-shell .dropzone{min-height:175px!important;background:#10263f!important;border-color:rgba(139,187,234,.47)!important;border-radius:17px!important}
.tool-shell .dropzone:hover,.tool-shell .dropzone:focus-within{border-color:#9bd4ff!important}
.tool-shell .controls input:not([type=checkbox]),.tool-shell .controls select,.tool-shell .controls textarea{min-height:43px;border-radius:10px!important;background:#0f2239!important;color:#f2f7ff!important}
.tool-shell button.primary,.tool-shell a.primary,.tool-shell .download{min-height:47px!important;border-radius:13px!important;font-weight:830!important}
@media(max-width:640px){
 .brand .logo.ux16-mark{width:43px!important;height:43px!important;flex-basis:43px!important}
 .topbar .ux14-brand-title small{font-size:7px!important}
 .ux16-edit-steps{gap:6px;margin-bottom:14px}
 .ux16-edit-step{padding:9px 5px;gap:5px}
 .ux16-edit-step .step-no{width:20px;height:20px;flex-basis:20px;font-size:9px}
 .ux16-edit-step .step-label{font-size:9px}
 .ux16-menu-trigger span{display:none}
}
@media(prefers-reduced-motion:reduce){.ux16-nav-link,.ux16-menu-group>summary>svg{transition:none!important}}

/* Business and document editors — consistent numbered, readable settings cards */
.invoice-editor,.doc-editor{counter-reset:ux16-form-section}
.invoice-editor .invoice-card,.doc-editor .doc-card{
 counter-increment:ux16-form-section;
 background:linear-gradient(155deg,#1c334f,#152941)!important;
 border:1px solid rgba(155,191,235,.31)!important;
 border-radius:19px!important;
 box-shadow:0 12px 30px rgba(0,8,26,.16)!important;
 margin-bottom:12px!important;
 padding:18px!important
}
.invoice-editor .invoice-card:focus-within,.doc-editor .doc-card:focus-within{border-color:rgba(131,213,255,.56)!important;box-shadow:0 12px 30px rgba(0,8,26,.17),0 0 0 2px rgba(102,194,246,.08)!important}
.invoice-editor .invoice-card h2,.doc-editor .doc-card h2{display:flex;align-items:center;gap:10px;font-size:16px!important;letter-spacing:-.02em;margin:0 0 13px!important}
.invoice-editor .invoice-card h2::before,.doc-editor .doc-card h2::before{
 content:counter(ux16-form-section,decimal-leading-zero);
 flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;
 border-radius:10px;background:linear-gradient(125deg,rgba(157,141,255,.25),rgba(99,200,235,.15));
 border:1px solid rgba(143,170,253,.35);font-size:10px;font-weight:900;color:#c4cbff
}
.invoice-editor label,.doc-editor label{color:#c3d7ec;font-size:12px}
.invoice-editor label>span,.doc-editor label>span{color:#b9cde5!important;font-weight:760!important}
.invoice-editor :is(input:not([type="checkbox"]),textarea,select),
.doc-editor :is(input:not([type="checkbox"]),textarea,select){
 color:#f4f9ff!important;
 background:#0f243e!important;
 border:1px solid rgba(144,184,228,.29)!important;
 border-radius:12px!important;
 min-height:43px;
 font-size:15px!important
}
.invoice-editor :is(input,textarea,select):focus-visible,.doc-editor :is(input,textarea,select):focus-visible{outline:2px solid #8cdcff!important;outline-offset:2px}
.invoice-editor .mini-btn,.doc-editor .mini-btn{min-height:41px!important;padding-inline:14px!important}
.invoice-preview-panel,.doc-preview-panel{border-color:rgba(146,189,234,.26)!important}
.invoice-preview-sticky,.doc-preview-sticky{border-radius:20px!important}
.invoice-preview-title{color:#eaf4ff!important;font-weight:850}
@media(max-width:620px){
 .invoice-editor .invoice-card,.doc-editor .doc-card{padding:15px!important;border-radius:16px!important}
 .invoice-editor .invoice-card h2,.doc-editor .doc-card h2{font-size:15px!important}
 .invoice-editor .invoice-card h2::before,.doc-editor .doc-card h2::before{width:27px;height:27px;flex-basis:27px}
}


/* v18 mobile fit: prevent the main-site header from pushing the hamburger off 320px screens. */
@media (max-width:360px){
 .topbar{gap:6px!important;padding-inline:7px!important;max-width:calc(100% - 16px)!important}
 .topbar .top-actions{display:none!important}
 .topbar .brand{min-width:0!important;max-width:calc(100% - 48px)!important;flex:1 1 auto!important;gap:6px!important;font-size:13px!important}
 .topbar .brand .logo,.topbar .brand .logo.ux16-mark{width:37px!important;height:37px!important;flex-basis:37px!important}
 .topbar .ali-menu-btn{flex:0 0 39px!important;margin-inline-start:auto!important;min-width:39px!important}
}
/* 320px compression settings: keep select and label within the card. */
@media(max-width:360px){
 body[data-tool="compress"] .tool-shell .controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:100%;min-width:0}
 body[data-tool="compress"] .tool-shell .controls>label{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important}
 body[data-tool="compress"] .tool-shell .controls select{display:block;min-width:0!important;max-width:100%!important;width:100%!important;font-size:12px!important}
}
/* Keep the actual drawer trigger visible; hide only redundant action links on tiny screens. */
@media(max-width:360px){
 .topbar .top-actions{display:flex!important;flex:0 0 auto!important;min-width:39px!important;width:auto!important;gap:0!important;margin-inline-start:auto!important}
 .topbar .top-actions>a{display:none!important}
 .topbar .top-actions>.ali-menu-btn,.topbar .top-actions>.ux16-menu-trigger{display:inline-flex!important;position:static!important;margin:0!important;flex:0 0 39px!important;visibility:visible!important}
}