.tool-card,.tool-panel,.tools-hero{position:relative}.tool-card,.tools-breadcrumbs a,.vac-name{text-decoration:none}.sid-value,.tool-result-value{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;word-break:break-all}.tools-main{max-width:var(--container,1120px);margin:0 auto;padding:clamp(104px,14vw,132px) 1.25rem clamp(3.5rem,6vw,6rem)}.tools-breadcrumbs{font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 1.25rem;text-align:center}.tools-breadcrumbs a{color:var(--yellow)}.tools-breadcrumbs a:hover{text-decoration:underline}.tools-breadcrumbs span{color:var(--text-faint);margin:0 8px}.tools-hero{text-align:center;max-width:680px;margin:0 auto clamp(2rem,5vw,3.25rem)}.tools-hero::before{content:'';position:absolute;left:50%;top:-60px;width:min(460px,80vw);height:280px;transform:translateX(-50%);background:radial-gradient(58% 58% at 50% 40%,rgba(var(--yellow-rgb),.16),transparent 70%);filter:blur(6px);pointer-events:none;z-index:-1}.tool-card::before,.tools-hero h1::after{content:'';background:linear-gradient(90deg,transparent,var(--yellow),transparent)}.tools-eyebrow{display:inline-block;margin:0 0 14px;font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--yellow)}.tools-hero h1{font-size:var(--fs-3xl);line-height:1.1;color:var(--w);margin:0;letter-spacing:-.5px}.tool-field label,.tool-table th{font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase}.tools-hero h1 span{background:linear-gradient(105deg,#fff 0,#ffe9b0 34%,var(--yellow) 68%,var(--yellow-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tools-hero h1::after{display:block;width:72px;height:3px;margin:20px auto 0;border-radius:var(--r-pill);box-shadow:0 0 14px rgba(var(--yellow-rgb),.5)}.tools-hero p{margin:20px auto 0;max-width:44rem;color:var(--text-muted);font-size:var(--fs-md);line-height:1.65}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem;max-width:960px;margin:0 auto}.tool-card{isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:0.7rem;background:linear-gradient(180deg,var(--bg-card),#101013);border:1px solid var(--bg-border);border-radius:16px;padding:1.6rem;transition:transform .3s,border-color .3s,box-shadow .3s}.tool-card::before{position:absolute;top:0;left:30%;right:30%;height:2px;opacity:0;transition:opacity .3s,left .3s,right .3s;pointer-events:none}.tool-card:hover{transform:translateY(-4px);border-color:rgba(var(--yellow-rgb),.45);box-shadow:var(--shadow-md),var(--edge)}.tool-card:hover::before{opacity:1;left:0;right:0}.tool-card-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--yellow);background:color-mix(in srgb,var(--yellow),transparent 88%);border:1px solid color-mix(in srgb,var(--yellow),transparent 70%);transition:transform .3s,background .3s,box-shadow .3s}.tool-card-ico svg{width:26px;height:26px}.tool-card:hover .tool-card-ico{background:rgba(var(--yellow-rgb),.18);box-shadow:0 0 18px rgba(238,187,68,.18);transform:scale(1.06) rotate(-4deg)}.tool-card h2{font-size:var(--fs-lg);color:var(--w);margin:0.2rem 0 0}.tool-card p{font-size:var(--fs-base);color:var(--gray-1);margin:0;line-height:1.55}.tool-card::after{content:'Open tool \2192';margin-top:auto;padding-top:0.4rem;color:var(--yellow);font-weight:var(--fw-bold);font-size:var(--fs-base);letter-spacing:.02em}.tool-wrap{max-width:720px;margin:0 auto}.tool-panel{background:linear-gradient(180deg,var(--bg-card),#101113);border:1px solid var(--bg-border);border-radius:var(--r-lg);padding:clamp(1.4rem,4vw,2.25rem);box-shadow:var(--shadow-lg),var(--edge)}.tool-panel::before{content:'';position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg,transparent,rgba(var(--yellow-rgb),.5),transparent)}.tool-row{display:flex;flex-wrap:wrap;gap:1rem}.tool-row+.tool-row{margin-top:1rem}.tool-field{flex:1 1 180px;display:flex;flex-direction:column;gap:0.45rem}.tool-field label{font-size:var(--fs-sm);color:var(--text-muted)}.tool-input,.tool-select{width:100%;box-sizing:border-box;padding:0.8rem 0.95rem;font-size:var(--fs-md);color:var(--w);background:var(--bg-main);border:1px solid var(--bg-border);border-radius:var(--r-md);transition:border-color .2s,box-shadow .2s}.tool-input::placeholder{color:var(--text-faint)}.tool-input:focus-visible,.tool-select:focus-visible{outline:0;border-color:var(--yellow);box-shadow:var(--glow-y-soft)}.tool-range{width:100%;accent-color:var(--yellow)}.tool-range-row{display:flex;align-items:center;gap:0.6rem}.tool-range-row .tool-range{flex:1}.tool-range-val{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--yellow);font-weight:var(--fw-bold);min-width:3ch;text-align:right}.acdb-empty,.tool-result,.vac-stat{text-align:center}.tool-check{display:flex;align-items:center;gap:0.5rem;font-size:var(--fs-base);color:var(--w);cursor:pointer}.tool-check input{width:18px;height:18px;accent-color:var(--yellow)}.tool-btn{padding:0.85rem 1.5rem;font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:.3px;color:var(--bg-main);background:var(--grad-gold);border:none;border-radius:var(--r-md);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:var(--shadow-sm);white-space:nowrap}.tool-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-y)}.tool-btn:active:not(:disabled){transform:translateY(0)}.tool-btn:disabled{filter:grayscale(.4);opacity:.6;cursor:default}.tool-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.tool-msg{min-height:1.1rem;margin:0.9rem 0 0;font-size:var(--fs-base);color:var(--text-muted)}.tool-msg.is-err,.vac-stat.is-bad .vac-stat-val,.vac-verdict.is-bad{color:var(--error)}.tool-result{margin-top:1.5rem;background:var(--bg-card-2);border:1px solid var(--bg-border);border-radius:var(--r-md);padding:1.5rem}.tool-code,.tool-preview{border:1px solid var(--bg-border)}.tool-result-label{font-size:var(--fs-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 0.4rem}.tool-result-value{font-size:clamp(1.9rem, 6vw, 2.7rem);font-weight:var(--fw-bold);line-height:1.1;background:linear-gradient(105deg,#fff,#ffe9b0 40%,var(--yellow) 72%,var(--yellow-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--yellow)}.tool-result-sub{font-size:var(--fs-base);color:var(--text-muted);margin:0.55rem 0 0}.tool-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.tool-table td,.tool-table th{padding:0.7rem 0.9rem;text-align:left;border-bottom:1px solid var(--bg-border)}.tool-table th{color:var(--text-muted);font-size:var(--fs-sm)}.tool-seo h2,.tool-table td{color:var(--w)}.tool-table tbody tr{transition:background .15s}.tool-table tbody tr:hover{background:rgba(var(--yellow-rgb),.04)}.tool-output{display:flex;align-items:flex-start;gap:0.6rem;margin-top:1.25rem}.tool-code{flex:1;min-width:0;margin:0;padding:0.95rem 1.05rem;background:var(--bg-main);border-radius:var(--r-md);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:var(--fs-sm);line-height:1.6;color:var(--gray-1);white-space:pre;overflow-x:auto}.tool-copy{flex-shrink:0;padding:0.55rem 1rem;font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--yellow);background:0 0;border:1px solid rgba(var(--yellow-rgb),.5);border-radius:var(--r-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ac-no,.ac-yes,.sev{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.tool-copy:hover{background:rgba(var(--yellow-rgb),.12);border-color:var(--yellow)}.tool-copy:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.tool-copy.is-copied{color:#06140c;background:var(--success);border-color:transparent}.tool-preview{display:block;margin:0 auto 1.25rem;width:100%;max-width:360px;aspect-ratio:16/10;background:radial-gradient(120% 120% at 50% 40%,#20242c 0,#14171c 60%,#0c0e12 100%);border-radius:var(--r-md)}.tool-seo{max-width:760px;margin:clamp(2.5rem,5vw,3.5rem) auto 0}.tool-seo h2{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;border-left:2px solid var(--yellow);padding-left:14px;margin:1.9rem 0 0.8rem}.tool-seo li,.tool-seo p{color:var(--text-muted);line-height:1.75;font-size:var(--fs-md)}.tool-seo strong{color:var(--gray-1)}.tool-seo ul{padding-left:1.2rem}.acdb-controls{display:flex;flex-wrap:wrap;gap:0.75rem;max-width:760px;margin:0 auto 1.25rem}.acdb-controls .tool-input{flex:2 1 220px}.acdb-controls .tool-select{flex:1 1 180px}.acdb-table-wrap{max-width:880px;margin:0 auto;overflow-x:auto;background:linear-gradient(180deg,var(--bg-card),#101113);border:1px solid var(--bg-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md),var(--edge)}.acdb-table{margin:0;min-width:640px}.acdb-table td,.acdb-table th{padding:0.8rem 1.1rem}.acdb-table td:first-child{color:var(--w);font-weight:var(--fw-bold)}.acdb-empty{color:var(--text-muted);padding:1.5rem;margin:0}.ac-yes{color:var(--warning-text)}.ac-no{color:var(--text-muted)}.sev{display:inline-block;padding:0.18rem 0.65rem;border-radius:var(--r-pill)}.vac-result,.vac-stat{border:1px solid var(--bg-border)}.sev-1{background:rgba(74,222,128,.15);color:var(--success)}.sev-2{background:rgba(245,192,107,.15);color:var(--warning-text)}.sev-3{background:rgba(245,166,35,.18);color:var(--warning)}.sev-4{background:rgba(255,123,123,.16);color:var(--error)}.vac-name,.vac-stat-val{color:var(--w);font-weight:var(--fw-bold)}.vac-form{display:flex;flex-wrap:wrap;gap:0.75rem}.vac-form .tool-input{flex:1 1 240px}.vac-result{margin-top:1.5rem;background:var(--bg-card-2);border-radius:var(--r-md);padding:1.4rem}.sid-row,.vac-stat{background:var(--bg-main)}.vac-head{display:flex;align-items:center;gap:1rem}.vac-avatar{border-radius:var(--r-md);border:1px solid var(--bg-border);flex-shrink:0;box-shadow:var(--shadow-sm)}.vac-name{display:block;font-size:var(--fs-lg)}.vac-name:hover{color:var(--yellow)}.vac-badge.is-ok,.vac-verdict.is-ok{color:var(--success)}.vac-verdict{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-top:0.2rem}.vac-badges{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.1rem}.vac-badge{font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:0.32rem 0.75rem;border-radius:var(--r-pill);border:1px solid}.vac-badge.is-ok{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}.vac-badge.is-bad{color:var(--error);border-color:rgba(255,123,123,.4);background:rgba(255,123,123,.1)}.vac-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;margin-top:1.2rem}.vac-stat{border-radius:var(--r-md);padding:0.9rem 0.5rem}.vac-stat-val{font-size:var(--fs-xl);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}.sid-label,.vac-stat-label{font-size:var(--fs-sm);color:var(--text-muted)}.vac-stat-label{margin-top:0.25rem}.sid-out{margin-top:1.25rem;display:flex;flex-direction:column;gap:0.5rem}.sid-row{display:flex;align-items:center;gap:0.6rem;border:1px solid var(--bg-border);border-radius:var(--r-md);padding:0.6rem 0.6rem 0.6rem 0.95rem;transition:border-color .15s}.sid-row:hover{border-color:rgba(var(--yellow-rgb),.35)}.sid-label{flex-shrink:0;width:96px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.03em}.sid-value{flex:1;min-width:0;font-size:var(--fs-base);color:var(--w);user-select:all}@media (max-width:560px){.tool-panel{padding:1.25rem}.vac-form{flex-direction:column;align-items:stretch}.sid-label,.vac-form .tool-btn{width:100%}.vac-head{gap:0.7rem}.vac-avatar{width:52px;height:52px}.vac-stats{gap:0.4rem}.vac-stat{padding:0.7rem 0.35rem}.vac-stat-val{font-size:var(--fs-lg)}.sid-row{flex-wrap:wrap}.sid-value{flex:1 1 auto}.acdb-controls .tool-input,.acdb-controls .tool-select{flex:1 1 100%}}