.tool-cards{margin-top:36px}.tool-cards .content-rail__header{margin-bottom:clamp(28px,4vw,44px)}.tool-cards .content-rail__label{font-size:.86rem;margin-bottom:16px}.tool-cards .content-rail__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px}.tool-cards .content-rail__sub{color:var(--gray-300);font-size:.95rem;line-height:1.62;max-width:68ch}.tool-cards .content-rail__frame{position:relative;width:100%;max-width:100%;box-sizing:border-box}.tool-cards .content-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/2);align-items:start;gap:20px;padding-top:10px;padding-bottom:18px;transform:translate(var(--content-rail-offset, 0px));transition:transform .52s cubic-bezier(.22,1,.36,1)}.tool-cards .content-rail__track[data-content-rail-fit=true]{width:100%;margin-inline:auto;justify-content:center}.tool-cards .content-rail__nav{position:absolute;top:50%;transform:translateY(-50%);width:100px;height:100px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 32%,#0f0f11);background:color-mix(in srgb,#0f1012 94%,transparent);color:#f2f2f5;display:grid;place-items:center;cursor:pointer;z-index:12;box-shadow:0 14px 34px #00000057;transition:border-color .24s ease,border-width .24s ease,color .24s ease,transform .24s ease,opacity .24s ease,box-shadow .24s ease}.tool-cards .content-rail__nav .icon-arrow{width:36px;height:36px}.tool-cards .content-rail__nav--prev{left:-50px}.tool-cards .content-rail__nav--prev .icon-arrow{transform:rotate(180deg)}.tool-cards .content-rail__nav--next{right:-50px}.tool-cards .content-rail__nav:hover{border-color:var(--accent);border-width:3px;color:var(--accent);transform:translateY(-50%) scale(1.12);box-shadow:0 18px 38px #0000006b}.tool-cards .content-rail__nav[hidden]{display:none}.tool-cards .content-rail-card{will-change:height}.tool-cards .content-rail-card{background:#fff;border:1px solid color-mix(in srgb,#d2d2d7 70%,transparent);color:#1d1d1f;min-height:max(clamp(340px,38vw,420px),var(--tool-cards-initial-min-height, 0px));height:auto;border-radius:clamp(22px,3vw,32px);overflow:hidden;transition:opacity .52s cubic-bezier(.2,.65,.2,1),transform .52s cubic-bezier(.2,.65,.2,1),box-shadow .45s ease,border-color .35s ease}.tool-cards .content-rail-card[data-tool-card-reveal]{opacity:0;transform:translateY(24px) scale(.985)}.tool-cards .content-rail-card[data-tool-card-reveal].is-visible{opacity:1;transform:translateY(0) scale(1)}.tool-cards .content-rail-card[data-tool-card-reveal].is-visible:hover{transform:translateY(-6px) scale(1)}.tool-cards.is-initial-state .content-rail__track{align-items:stretch}.tool-cards.is-initial-state .content-rail-card{height:100%;min-height:var(--tool-cards-initial-min-height, clamp(420px, 42vw, 520px))}.tool-cards.is-initial-state .content-rail-card__body{display:flex;flex-direction:column;min-height:100%;height:100%}.tool-cards.is-initial-state .tool-inline{margin-top:auto}.tool-cards .content-rail-card__body{gap:14px;padding:clamp(28px,3.2vw,60px) clamp(28px,3.2vw,40px) 40px;height:100%;position:relative}.tool-cards .content-rail-card__badge{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;margin:0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#1d1d1f 5.5%,#fff);border:1px solid color-mix(in srgb,#1d1d1f 8%,transparent);color:#3a3a40;font-size:1rem;letter-spacing:.01em;text-transform:none;line-height:1.4;font-weight:400;box-shadow:0 1px color-mix(in srgb,#fff 70%,transparent) inset}.tool-cards .content-rail-card__title{margin:4px 0 16px;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1.04}.tool-cards .content-rail-card__desc{margin:0;max-width:45ch}.tool-cards .content-rail-card__cta{margin-top:auto}.tool-inline{margin-top:10px;padding-top:18px;display:grid;gap:12px;align-content:start;align-items:start;justify-items:stretch}#inlineOptimizeSetup,#inlineAuditSetup{display:grid;gap:12px;align-content:start;align-items:start;justify-items:stretch}.tool-inline__field{display:grid;gap:0;row-gap:0;align-content:start;width:100%;transition:opacity .3s ease,transform .3s ease}.tool-inline__field>span.mono{margin:0;line-height:1.15}.tool-inline__field .tool-inline__input-clear{margin-top:0}#inlineUrlField.tool-inline__field{overflow:hidden;transition:opacity .28s ease,transform .28s ease,max-height .32s cubic-bezier(.22,1,.36,1)}.tool-dropzone{border:1px dashed color-mix(in srgb,#1d1d1f 22%,transparent);border-radius:12px;padding:30px 14px;background:color-mix(in srgb,#ffffff 94%,transparent);display:grid;gap:10px;justify-items:center;text-align:center;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,opacity .3s ease,max-height .32s cubic-bezier(.22,1,.36,1);cursor:default;position:relative;overflow:hidden}.tool-dropzone.is-dragover{border-color:var(--selection-border);background:color-mix(in srgb,var(--selection) 72%,var(--paper));transform:none}.tool-dropzone p{margin:0}.tool-dropzone__stack{position:relative;width:100%;display:grid;justify-items:center}.tool-dropzone__idle{width:100%;max-width:420px;display:grid;gap:10px;justify-items:center;transition:opacity .15s ease,visibility .15s ease}.tool-dropzone__drag-callout{position:absolute;inset:0;display:grid;place-items:center;padding:12px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.tool-dropzone__drag-callout-text{margin:0;font-size:clamp(1.35rem,4vw,1.95rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#1d1d1f;text-wrap:balance;max-width:20ch}.tool-dropzone.is-dragover .tool-dropzone__idle{opacity:0;visibility:hidden;pointer-events:none}.tool-dropzone.is-dragover .tool-dropzone__drag-callout{opacity:1;visibility:visible;border-radius:.75rem;background:color-mix(in srgb,var(--selection) 72%,var(--paper))}.tool-dropzone__picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.tool-dropzone__pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#1d1d1f 14%,transparent);background:#fff;color:#1d1d1f;font:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.tool-dropzone__pick-icon{flex-shrink:0;display:block}.tool-dropzone__pick:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,#1d1d1f 8%,transparent)}.tool-dropzone__pick-sub{font-size:.78rem;color:#6e6e73;font-weight:500}.tool-dropzone__pick:hover .tool-dropzone__pick-sub{color:color-mix(in srgb,var(--accent) 75%,#6e6e73)}.tool-dropzone__drop-hint{margin-top:10px!important;font-size:.85rem;line-height:1.45;color:#6e6e73;font-weight:500;max-width:36ch}.tool-dropzone__selected-row{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;justify-self:center}.tool-dropzone__selected{margin:0;border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent);background:color-mix(in srgb,#1d1d1f 3%,#fff);border-radius:999px;padding:4px 10px;font-size:.75rem;color:#6e6e73}.tool-dropzone__clear{flex-shrink:0;width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent);background:color-mix(in srgb,#1d1d1f 3%,#fff);color:#6e6e73;font-size:1.1rem;line-height:1;padding:0;cursor:pointer;display:inline-grid;place-items:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.tool-dropzone__clear:hover{border-color:color-mix(in srgb,#1d1d1f 22%,transparent);color:#1d1d1f;background:color-mix(in srgb,#1d1d1f 6%,#fff)}.tool-inline input[type=file],.tool-inline input[type=text],.tool-inline select,.tool-inline input[type=url],.tool-inline input[type=range]{width:100%;font:inherit;margin:0}.tool-inline__input-clear{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.tool-inline__clear-btn{width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent);background:color-mix(in srgb,#1d1d1f 3%,#fff);color:#6e6e73;font-size:1.1rem;line-height:1;padding:0;display:inline-grid;place-items:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.tool-inline__clear-btn:hover{border-color:color-mix(in srgb,#1d1d1f 22%,transparent);color:#1d1d1f;background:color-mix(in srgb,#1d1d1f 6%,#fff)}.tool-dropzone__clear[hidden],.tool-inline__clear-btn[hidden]{display:none!important}.tool-inline input[type=file],.tool-inline input[type=text],.tool-inline select,.tool-inline input[type=url]{border:1px solid color-mix(in srgb,#1d1d1f 18%,transparent);background:#fff;border-radius:10px;color:#1d1d1f;padding:9px 10px}.tool-inline select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:32px}.tool-inline input[type=range]{accent-color:var(--accent)}.tool-inline__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;transition:opacity .3s ease,transform .3s ease}.tool-inline__quality-block{display:grid;gap:8px;width:100%;min-width:0}.tool-inline__quality-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-width:0}.tool-inline__quality-label{flex-shrink:0}.tool-inline__quality-pct{margin:0;font-size:.9rem;font-weight:600;color:#1d1d1f;justify-self:end;white-space:nowrap}.tool-inline__quality-block input[type=range]{width:100%;min-width:0;display:block}.tool-inline__quality-hint{font-size:.78rem;line-height:1.45;color:#6e6e73;text-wrap:balance}.tool-inline__quality-hint--between{margin:0;padding-inline:clamp(6px,2.4vw,16px);text-align:center;line-height:1.35;font-size:.72rem;min-width:0}#inlineOptimizeNote.tool-inline__quality-hint,#inlineWebOptimizeNote.tool-inline__quality-hint{margin:8px 0 0;text-align:center}.tool-inline__url-education,.tool-inline__risk-note{margin:35px 0 0;font-size:.78rem;line-height:1.5;color:#6e6e73;text-wrap:pretty}#inlineOptimizeSetup.is-optimize-collapsing{overflow:hidden;transition:max-height .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin .28s ease;opacity:0;margin-block:0;pointer-events:none}.tool-inline__loading{display:grid;place-items:center;gap:18px;padding:32px 20px;border-radius:16px;background:color-mix(in srgb,#1d1d1f 5%,#fff);border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent)}.tool-inline__loading.is-revealing{opacity:0;transform:translateY(8px)}.tool-inline__loading.is-revealing.is-revealed{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.tool-inline__loading-ring{position:relative;width:58px;height:58px}.tool-inline__loading-ring span{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent);animation:toolLoaderSpin .85s linear infinite}.tool-inline__loading-ring span:nth-child(2){inset:7px;border-top-color:color-mix(in srgb,var(--accent) 50%,#888);animation-duration:1.15s;animation-direction:reverse}.tool-inline__loading-ring span:nth-child(3){inset:14px;border-top-color:color-mix(in srgb,var(--accent) 32%,#ccc);animation-duration:.7s}@keyframes toolLoaderSpin{to{transform:rotate(360deg)}}.tool-inline__loading-text{margin:0;font-size:.92rem;font-weight:600;color:#1d1d1f;letter-spacing:.01em;text-align:center;line-height:1.45}.tool-btn{border:1px solid color-mix(in srgb,#1d1d1f 20%,transparent);background:#fff;color:#1d1d1f;border-radius:999px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;width:fit-content;transition:transform .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,border-color .2s ease,color .2s ease,opacity .26s ease}.tool-btn--full{width:100%;justify-content:center;height:auto;min-height:0;align-self:start;box-sizing:border-box}.tool-btn:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.tool-inline__progress{height:7px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,#1d1d1f 12%,transparent)}.tool-inline__progress span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#ffffff));transition:width .28s ease}.tool-inline__status{margin:0;font-size:.82rem;color:#6e6e73;line-height:1.45;text-align:center;min-height:1.6em;display:grid;align-content:center;overflow:hidden;text-wrap:balance}#inlineProgressText,#inlineUrlPullNote{min-height:1.8em}.tool-inline__status-line,.tool-inline__status-sub{display:block}.tool-inline__status-sub{margin-top:2px;font-size:.78rem}#inlineUrlPullNote.is-busy{display:block;position:relative;padding-left:0;text-align:center}#inlineUrlPullNote.is-busy:before{display:none}.tool-inline__status-loader{display:block;width:34px;height:34px;margin:8px auto 0;border-radius:50%;border:3px solid color-mix(in srgb,#1d1d1f 16%,transparent);border-top-color:var(--accent);animation:toolLoaderSpin .9s linear infinite}.tool-inline__status.is-busy{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.tool-inline__status.is-busy:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid color-mix(in srgb,#1d1d1f 18%,transparent);border-top-color:#6e6e73;animation:toolLoaderSpin .8s linear infinite}.tool-inline__psi{display:grid;gap:8px}.tool-inline__result-host{display:grid;gap:10px}.tool-inline__result-host:empty{display:none}.tool-inline__downloads:empty{display:none!important}.tool-inline__status:empty{display:none}.tool-inline__psi-grid{display:none!important}.tool-inline__psi-grid>div{border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:10px;padding:8px;display:grid;gap:4px}.tool-inline__psi-grid .mono{font-size:.68rem;line-height:1.35;letter-spacing:.04em}.tool-inline__psi-grid strong{font-size:.84rem;font-weight:700;color:#1d1d1f}.tool-inline__psi-speed{border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:10px;padding:8px 10px;font-weight:600;color:#1d1d1f;text-align:center}.tool-inline__psi-link{justify-self:center;border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:999px;padding:7px 12px;font-size:.78rem;color:#1d1d1f;text-decoration:none}.tool-inline__saving{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-inline__saving>div,.tool-inline__audit-grid>div{border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:10px;padding:8px;display:grid;gap:4px}.tool-inline__audit-grid>div{align-items:start;align-content:start}.tool-inline__saving-after-row{display:flex;align-items:center;gap:8px;min-width:0}.tool-inline__saving-after-row strong{min-width:0;flex:1}.tool-inline__unit-toggle{flex-shrink:0;width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,#1d1d1f 18%,transparent);background:#fff;color:#1d1d1f;display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s ease,color .2s ease,transform .2s ease}.tool-inline__unit-toggle:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.tool-inline__saving strong{font-size:.9rem;font-weight:600;color:#1d1d1f}.tool-inline__audit-grid strong{font-size:.9rem;font-weight:600;color:#1d1d1f;display:flex;align-items:center;gap:8px;align-self:start;min-height:0;overflow-wrap:anywhere}.tool-inline__audit-grid strong[data-state=pending]{color:#6e6e73;font-weight:600}.tool-inline__audit-grid strong[data-state=fail],.tool-inline__audit-grid strong[data-state=warn]{color:#7a2838;font-weight:600}:global(.tool-inline__audit-pass-icon){flex-shrink:0;width:20px;height:20px;border-radius:999px;background-color:#158f63;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1}:global(.tool-inline__audit-fail-icon){flex-shrink:0;width:20px;height:20px;border-radius:999px;background-color:#7a2838;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;transform:translateY(-.5px)}.tool-inline__downloads,.tool-inline__details{display:grid;gap:6px}.tool-inline__details{font-size:.82rem;line-height:1.45;text-wrap:pretty}.tool-inline__scorebar{height:30px;border-radius:999px;overflow:hidden;border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent);background:color-mix(in srgb,#1d1d1f 4%,#fff)}.tool-inline__scorebar span{display:block;width:0%;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .25s linear;background-color:#be2d2d;position:relative}#inlineSavedBar{min-width:84px}.tool-inline__scorebar em{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;font-style:normal;padding-right:10px;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);white-space:nowrap}#inlineAuditBar em{text-align:right}#inlineAuditBar em:where(:has(*)){text-wrap:pretty}.tool-inline__scorebar.tool-inline__scorebar--risk{border-color:color-mix(in srgb,#8f1d2c 40%,transparent);background:color-mix(in srgb,#8f1d2c 22%,#fff)}.tool-inline__scorebar.tool-inline__scorebar--risk span{background:#8f1d2c!important}.tool-inline__scorebar.tool-inline__scorebar--risk em{place-items:center;padding-right:0;color:#fff}:global(.tool-inline__detail-row){display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:start;border:1px solid color-mix(in srgb,#1d1d1f 12%,transparent);border-radius:10px;padding:8px 10px}:global(.tool-inline__detail-row span){font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6e6e73}:global(.tool-inline__detail-row strong){font-size:.82rem;line-height:1.45;font-weight:500;color:#303036;word-break:break-word;overflow-wrap:anywhere;text-wrap:pretty}#inlineAuditSecurityTitle{display:block;width:100%;text-align:center;margin:0;font-size:.82rem;font-weight:400;line-height:1.45;color:#6e6e73}.tool-inline__url-controls-pool{display:none!important}#inlineOptimizeBtn,#inlineWebOptimizeBtn{margin-top:14px}#inlineUrlField .tool-inline__input-clear,#inlineAuditDomainField .tool-inline__input-clear{margin-top:10px}:global(.tool-inline__download-row){display:flex;justify-content:space-between;gap:8px;border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:9px;padding:7px 10px;font-size:.68rem}:global(.tool-inline__download-row a){color:var(--accent)}.tool-inline__audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.tool-inline__score{border:1px solid color-mix(in srgb,#1d1d1f 15%,transparent);border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}.tool-inline__score--plain{border:none;padding:0;background:transparent;justify-content:flex-start}.tool-inline__details p{margin:0;font-size:.68rem;line-height:1.45;color:#6e6e73}.tool-inline__audit-hint{margin:0;font-size:.82rem;color:#6e6e73;line-height:1.45;text-align:center}.is-collapsing{display:none!important}.is-revealing{opacity:0;transform:translateY(-10px)}.is-revealing.is-revealed{opacity:1;transform:translateY(0)}.tool-card__page-link{position:absolute;top:16px;right:16px;border:1px solid color-mix(in srgb,#1d1d1f 18%,transparent);border-radius:999px;padding:6px 10px;color:#1d1d1f;text-decoration:none;font-weight:500;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,color .2s ease}.tool-card__page-link:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}@media (max-width: 640px){.tool-cards .content-rail-card__body{padding-bottom:56px}.tool-card__page-link{top:auto;right:50%;bottom:14px;transform:translate(50%)}.tool-card__page-link:hover{transform:translate(50%)}}.tool-lock{display:inline-block;margin-right:6px;width:14px;height:14px;vertical-align:-2px}.tool-lock svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}.tool-lock.is-scanning{animation:lockSpin 1s linear infinite}.tool-btn--ghost{background:transparent;border-color:color-mix(in srgb,#1d1d1f 14%,transparent);color:#4a4a4f;font-weight:560}.tool-btn--ghost:hover{border-color:color-mix(in srgb,#1d1d1f 28%,transparent);color:#1d1d1f;background:color-mix(in srgb,#1d1d1f 3%,#fff)}.audit-details-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.audit-details-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.audit-details-modal__backdrop{position:absolute;inset:0;background:color-mix(in srgb,#050506 52%,transparent);backdrop-filter:blur(8px) saturate(112%);-webkit-backdrop-filter:blur(8px) saturate(112%)}.audit-details-modal__panel{position:relative;width:min(720px,calc(100vw - 36px));max-height:min(82dvh,820px);overflow:hidden;display:flex;flex-direction:column;border-radius:20px;border:1px solid color-mix(in srgb,#d2d2d7 70%,transparent);background:#fff;color:#1d1d1f;box-shadow:0 24px 64px #00000047;padding:22px 22px 18px;transform:translateY(14px) scale(.985);opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.audit-details-modal.is-open .audit-details-modal__panel{transform:translateY(0) scale(1);opacity:1}.audit-details-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,#1d1d1f 14%,transparent);background:#fff;color:#4a4a4f;font-size:1.25rem;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.audit-details-modal__close:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.04)}.audit-details-modal__label{margin:0 0 6px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.audit-details-modal__title{margin:0 36px 4px 0;font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.15}.audit-details-modal__sub{margin:0 0 16px;color:#6e6e73;font-size:.9rem}.audit-details-modal__table-wrap{overflow:auto;border-radius:14px;border:1px solid color-mix(in srgb,#1d1d1f 10%,transparent);background:#fafafa;max-height:min(58dvh,560px)}.audit-details-table{width:100%;border-collapse:collapse;table-layout:fixed}.audit-details-table th,.audit-details-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in srgb,#1d1d1f 8%,transparent);line-height:1.55}.audit-details-table thead th{position:sticky;top:0;z-index:1;background:#f3f3f5;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73;font-weight:600}.audit-details-table tbody th{width:34%;font-size:.84rem;font-weight:600;color:#1d1d1f;background:color-mix(in srgb,#fff 70%,#f3f3f5)}.audit-details-table tbody td{width:66%;font-size:.9rem;font-weight:450;color:#303036;word-break:break-word;overflow-wrap:anywhere}.audit-details-table tbody tr:last-child th,.audit-details-table tbody tr:last-child td{border-bottom:none}html.audit-details-modal-open{overflow:hidden}@media (max-width: 640px){.audit-details-table,.audit-details-table tbody,.audit-details-table tr,.audit-details-table th,.audit-details-table td{display:block;width:100%}.audit-details-table thead{display:none}.audit-details-table tbody th{padding-bottom:4px;border-bottom:none;background:transparent}.audit-details-table tbody td{padding-top:0;padding-bottom:18px}}@keyframes lockSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#inlineProgressWrap[hidden],#inlineOptimizeLoading[hidden],#inlinePsiSummary[hidden],#inlineSavingStats[hidden],#inlineSavedBarWrap[hidden],#inlineDownloadBtn[hidden],#inlineOptimizeSetup[hidden],#inlineAuditSetup[hidden],#inlineOptimizeBtn[hidden],#inlineAuditBtn[hidden],#inlinePullFromUrlBtn[hidden],#inlineOptimizeResetBtn[hidden],#inlineAuditResetBtn[hidden],#inlineAuditResult[hidden],#inlineAuditGrid[hidden],#inlineAuditScoreWrap[hidden],#inlineAuditBarWrap[hidden],#inlineAuditDetailsBtn[hidden],#inlineAuditMessage[hidden],#inlineDropZone[hidden],#inlineUrlField[hidden],#inlineQualityRow[hidden],#inlineQualityHint[hidden],#inlineWebQualityRow[hidden],#inlineWebQualityHint[hidden],#inlineWebOptimizeBtn[hidden],#inlineWebOptimizeNote[hidden],#inlineAfterUnitToggle[hidden],#inlineSelectedRow[hidden],#inlineUrlProgressWrap[hidden],#inlineUrlOptimizeLoading[hidden],#inlineUrlOptimizeResetBtn[hidden],#inlineUrlSavingStats[hidden],#inlineUrlSavedBarWrap[hidden],#inlineUrlDownloadBtn[hidden],#inlineUrlAfterUnitToggle[hidden]{display:none!important}.interactive-tool-shell .content-rail-card--embedded,.interactive-tool-shell .content-rail-card--embedded:hover{min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.interactive-tool-shell .content-rail-card--embedded .content-rail-card__body{gap:0;padding:0}.interactive-tool-shell .tool-inline{display:grid;gap:.9rem;margin:0;padding:0;color:var(--ink);font-family:var(--font);font-size:var(--text-body);--tool-control-height: 3.2rem;--tool-control-radius: .72rem;--range-progress: 80%}.interactive-tool-shell .tool-inline__setup,.interactive-tool-shell #inlineOptimizeSetup{display:grid;gap:.8rem}.interactive-tool-shell .tool-inline__field{display:grid;gap:.45rem}.interactive-tool-shell .tool-inline__field>span.mono,.interactive-tool-shell .tool-inline__quality-label,.interactive-tool-shell .tool-inline__saving .mono,.interactive-tool-shell .tool-inline__audit-grid .mono,.interactive-tool-shell .tool-inline__psi-grid .mono{color:var(--muted);font-size:var(--text-meta);font-family:var(--font);letter-spacing:0;text-transform:none}.interactive-tool-shell .tool-inline__input-clear{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:stretch;overflow:hidden;min-height:var(--tool-control-height);border:1px solid var(--line-strong);border-radius:var(--tool-control-radius);background:var(--surface);box-shadow:none;transition:border-color .13s ease,box-shadow .13s ease,background-color .13s ease}.interactive-tool-shell #inlineUrlField .tool-inline__input-clear,.interactive-tool-shell #inlineAuditDomainField .tool-inline__input-clear{margin-top:0}.interactive-tool-shell .tool-inline__input-clear:focus-within{border-color:var(--selection-border);background:var(--surface);box-shadow:0 0 0 3px var(--focus-ring)}.interactive-tool-shell .tool-inline__input-clear input,.interactive-tool-shell .tool-inline__input-clear input:focus{width:100%;min-width:0;min-height:var(--tool-control-height);box-sizing:border-box;margin:0;padding:.72rem .9rem;border:0;border-radius:0;outline:0;background:transparent;color:var(--ink);box-shadow:none;font:inherit;line-height:1.35}.interactive-tool-shell #inlineUrlInput,.interactive-tool-shell #inlineDomainInput{text-align:center}.interactive-tool-shell #inlineUrlInput::placeholder,.interactive-tool-shell #inlineDomainInput::placeholder{text-align:center}.interactive-tool-shell .tool-inline__input-clear input::placeholder{color:var(--faint);opacity:1}.interactive-tool-shell .tool-inline__clear-btn,.interactive-tool-shell .tool-dropzone__clear{display:grid;place-items:center;width:2.55rem;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .12s ease,background-color .12s ease}.interactive-tool-shell .tool-inline__clear-btn:hover,.interactive-tool-shell .tool-inline__clear-btn:focus-visible,.interactive-tool-shell .tool-dropzone__clear:hover,.interactive-tool-shell .tool-dropzone__clear:focus-visible{color:var(--ink);background:var(--soft)}.interactive-tool-shell .tool-inline__clear-btn svg,.interactive-tool-shell .tool-dropzone__clear svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.interactive-tool-shell .tool-btn{min-height:var(--tool-control-height);box-sizing:border-box;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--tool-control-radius);background:var(--surface);color:var(--ink);box-shadow:none;font:inherit;font-weight:650;line-height:1.2;cursor:pointer;transform:none;transition:background-color .13s ease,border-color .13s ease,color .13s ease}.interactive-tool-shell .tool-btn:hover,.interactive-tool-shell .tool-btn:focus-visible{border-color:var(--line-strong);background:var(--soft);color:var(--ink);transform:none}.interactive-tool-shell .tool-btn:disabled{border-color:var(--line);background:var(--surface-strong);color:var(--faint);cursor:default;opacity:1}.interactive-tool-shell .tool-btn--reset{justify-content:center;background:transparent}.interactive-tool-shell .tool-btn__icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.interactive-tool-shell .tool-inline__url-education,.interactive-tool-shell .tool-inline__risk-note,.interactive-tool-shell .tool-inline__quality-hint,.interactive-tool-shell .tool-inline__status{margin:0;color:var(--muted);font-size:var(--text-small);line-height:1.55;text-wrap:pretty}.interactive-tool-shell .tool-inline__scan-row{display:block}.interactive-tool-shell .tool-dropzone{padding:1rem;border:1px dashed var(--line-strong);border-radius:.9rem;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);transform:none}.interactive-tool-shell .tool-dropzone.is-dragover{border-color:var(--selection-border);background:color-mix(in srgb,var(--selection) 72%,var(--paper));transform:none}.interactive-tool-shell .tool-dropzone__pick{min-height:6.7rem;padding:.9rem;border:1px solid var(--line);border-radius:.78rem;background:var(--surface);color:var(--ink);box-shadow:none;transform:none}.interactive-tool-shell .tool-dropzone__pick:hover,.interactive-tool-shell .tool-dropzone__pick:focus-visible{border-color:var(--line-strong);background:var(--soft);color:var(--ink);box-shadow:none;transform:none}.interactive-tool-shell .tool-dropzone__pick-sub,.interactive-tool-shell .tool-dropzone__drop-hint{color:var(--muted);font-size:var(--text-small)}.interactive-tool-shell .tool-dropzone__drag-callout-text{color:var(--ink);font-size:1.15rem;text-wrap:pretty}.interactive-tool-shell .tool-dropzone__selected{border-color:var(--line);background:var(--surface);color:var(--muted);font-size:var(--text-small)}.interactive-tool-shell .tool-dropzone__clear{width:2rem;min-height:2rem;border:1px solid transparent;border-radius:999px}.interactive-tool-shell .tool-inline__quality-block{display:grid;gap:.55rem}.interactive-tool-shell .tool-inline__quality-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.interactive-tool-shell .tool-inline__quality-pct{color:var(--ink);font-size:var(--text-small)}.interactive-tool-shell input[type=range]{width:100%;height:1.2rem;margin:0;padding:0;border:0;background:transparent;appearance:none;accent-color:var(--ink)}.interactive-tool-shell input[type=range]::-webkit-slider-runnable-track{height:.28rem;border:0;border-radius:999px;background:linear-gradient(to right,var(--ink) 0 var(--range-progress),var(--surface-strong) var(--range-progress) 100%)}.interactive-tool-shell input[type=range]::-webkit-slider-thumb{width:.95rem;height:.95rem;margin-top:-.335rem;border:2px solid var(--surface);border-radius:999px;background:var(--ink);box-shadow:0 0 0 1px var(--line-strong);appearance:none}.interactive-tool-shell input[type=range]::-moz-range-track{height:.28rem;border:0;border-radius:999px;background:var(--surface-strong)}.interactive-tool-shell input[type=range]::-moz-range-progress{height:.28rem;background:var(--ink)}.interactive-tool-shell input[type=range]::-moz-range-thumb{width:.85rem;height:.85rem;border:2px solid var(--surface);border-radius:999px;background:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.interactive-tool-shell .tool-inline__loading{display:grid;place-items:center;gap:.8rem;min-height:8.5rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--control-bg)}.interactive-tool-shell .tool-inline__loading-ring{width:2.5rem;height:2.5rem}.interactive-tool-shell .tool-inline__loading-ring span{border-width:2px;border-top-color:var(--ink)}.interactive-tool-shell .tool-inline__loading-ring span:nth-child(2){border-top-color:var(--muted)}.interactive-tool-shell .tool-inline__loading-ring span:nth-child(3){border-top-color:var(--faint)}.interactive-tool-shell .tool-inline__loading-text{color:var(--ink);font-size:var(--text-small);font-weight:600}.interactive-tool-shell .tool-inline__progress,.interactive-tool-shell .tool-inline__scorebar{height:.4rem;overflow:hidden;border:0;border-radius:999px;background:var(--surface-strong)}.interactive-tool-shell .tool-inline__progress span,.interactive-tool-shell .tool-inline__scorebar span{display:block;height:100%;border-radius:inherit;background:var(--accent-link)}.interactive-tool-shell .tool-inline__saving,.interactive-tool-shell .tool-inline__audit-grid,.interactive-tool-shell .tool-inline__psi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.interactive-tool-shell .tool-inline__saving>div,.interactive-tool-shell .tool-inline__audit-grid>div,.interactive-tool-shell .tool-inline__psi-grid>div,.interactive-tool-shell .tool-inline__psi-speed{min-width:0;padding:.82rem .85rem;border:1px solid var(--line);border-radius:.78rem;background:var(--control-bg);color:var(--ink);box-shadow:none}.interactive-tool-shell .tool-inline__saving strong,.interactive-tool-shell .tool-inline__audit-grid strong,.interactive-tool-shell .tool-inline__psi-grid strong{display:block;margin-top:.2rem;color:var(--ink);font-size:1rem;line-height:1.25}.interactive-tool-shell .tool-inline__saving>div:last-child{border-color:color-mix(in srgb,#2f7d58 36%,var(--line));background:color-mix(in srgb,#2f7d58 7%,var(--surface))}.interactive-tool-shell .tool-inline__saving>div:last-child strong{color:#2f7d58}.interactive-tool-shell .tool-inline__scorebar--saved{position:relative;height:auto;min-height:1.85rem;display:flex;align-items:center;overflow:hidden;padding:0 .7rem;background:var(--surface-strong)}.interactive-tool-shell .tool-inline__scorebar--saved span{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,#2f7d58 24%,transparent)}.interactive-tool-shell .tool-inline__scorebar--saved em{position:relative;z-index:1;width:100%;color:var(--ink);font-size:var(--text-meta);font-style:normal;text-align:right}.interactive-tool-shell .tool-inline__downloads a{color:var(--accent-link);font-size:var(--text-small)}.interactive-tool-shell .audit-result{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:.95rem;background:transparent}.interactive-tool-shell .audit-result__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.interactive-tool-shell .audit-result__eyebrow{color:var(--muted);font-size:var(--text-meta)}.interactive-tool-shell .audit-result__header .tool-inline__status{margin-top:.18rem;color:var(--ink)}.interactive-tool-shell .audit-result__score{color:var(--ink);font-size:1.45rem;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.interactive-tool-shell .tool-inline__audit-grid>div{position:relative;overflow:hidden;background:transparent}.interactive-tool-shell .tool-inline__audit-grid>div:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--line-strong)}.interactive-tool-shell .tool-inline__audit-grid strong[data-state=pass]{color:#2f7d58}.interactive-tool-shell .tool-inline__audit-grid strong[data-state=warn]{color:#8a672f}.interactive-tool-shell .tool-inline__audit-grid strong[data-state=fail]{color:#8d3c45}.interactive-tool-shell .tool-inline__audit-grid>div:has(strong[data-state=pass]):before{background:#2f7d58}.interactive-tool-shell .tool-inline__audit-grid>div:has(strong[data-state=warn]):before{background:#8a672f}.interactive-tool-shell .tool-inline__audit-grid>div:has(strong[data-state=fail]):before{background:#8d3c45}.interactive-tool-shell .tool-inline__audit-pass-icon,.interactive-tool-shell .tool-inline__audit-fail-icon{display:none}.interactive-tool-shell .audit-result__baseline{display:grid;gap:.35rem}.interactive-tool-shell .tool-inline__scorebar--audit{height:.38rem}.interactive-tool-shell .audit-result__baseline-note{margin:0;color:var(--muted);font-size:var(--text-meta);line-height:1.4;text-align:right}.interactive-tool-shell .audit-result__actions{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.interactive-tool-shell .audit-result__actions .tool-btn{width:max-content}.audit-details-modal__panel{width:min(94vw,42rem);max-height:min(86dvh,44rem);padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #00000040}.audit-details-modal__close{width:2rem;height:2rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted)}.audit-details-modal__close:hover,.audit-details-modal__close:focus-visible{border-color:var(--line);background:var(--soft);color:var(--ink);transform:none}.audit-details-modal__close svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.audit-details-modal__label,.audit-details-modal__sub{color:var(--muted);font-size:var(--text-meta)}.audit-details-modal__title{color:var(--ink);font-family:var(--font);font-size:var(--text-h2)}.audit-details-modal__table-wrap{border:1px solid var(--line);border-radius:.8rem;background:var(--control-bg)}.audit-details-table th,.audit-details-table td{border-color:var(--line);color:var(--ink);font-size:var(--text-small)}.audit-details-table thead th{background:var(--surface-strong);color:var(--muted)}.audit-details-table tbody th{background:transparent;color:var(--ink)}.audit-details-table tbody td{color:var(--ink)}@media (max-width: 620px){.interactive-tool-shell .tool-inline__saving,.interactive-tool-shell .tool-inline__audit-grid,.interactive-tool-shell .tool-inline__psi-grid{grid-template-columns:1fr}.interactive-tool-shell .audit-result__header{align-items:flex-start}.interactive-tool-shell .audit-result__actions{align-items:stretch;flex-direction:column}.interactive-tool-shell .audit-result__actions .tool-btn{width:100%}}
