.material-tools-overview{--tools-overview-navy: #102f49;--tools-overview-ink: #17334a;--tools-overview-blue: #2678f0;--tools-overview-yellow: #ffd041;--tools-overview-mint: #37d1b3;--tools-overview-canvas: #eef2f3;--tools-overview-paper: #fff;--tools-overview-line: color-mix(in srgb, var(--tools-overview-navy) 15%, var(--tools-overview-canvas));--tools-overview-pale-blue: color-mix(in srgb, var(--tools-overview-blue) 10%, var(--tools-overview-paper));width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--tools-overview-canvas);color:var(--tools-overview-navy);scrollbar-color:color-mix(in srgb,var(--tools-overview-navy) 42%,transparent) transparent;scrollbar-width:thin}.material-tools-overview::selection,.material-tools-overview *::selection{background:var(--tools-overview-pale-blue);color:var(--tools-overview-navy)}.material-tools-overview-inner{box-sizing:border-box;width:100%;min-height:100%;padding:0 clamp(15px,2.94vw,47px) 28px;background:var(--tools-overview-canvas)}.material-tools-overview-board{display:grid;width:100%;min-height:100%;gap:12px}.material-tools-overview-hero{--blue: #2e72e8;--yellow: #ffd041;--mint: #37d1b3;--paper: #fff;--ink: #102f49;--muted: #667b8f;flex:0 0 auto}.material-tools-overview-title-line{flex-wrap:wrap}.material-tools-overview-runtime-metrics{display:none!important}.material-tools-overview-title-line{display:flex;min-width:0;align-items:center;gap:9px}.material-tools-overview-title-line h1{margin:0}.material-tools-overview-title-line .tool-capability-version{flex:0 0 auto;border-color:#bfd2ef;background:#edf4ff;color:#1a45ae;font-size:10px;line-height:14px}.material-tools-overview-title-line .tool-capability-version time{font-size:10px;opacity:1}.material-tools-overview-catalog{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--tools-overview-blue) 38%,var(--tools-overview-line));border-radius:12px;background:var(--tools-overview-paper);box-shadow:0 12px 28px color-mix(in srgb,var(--tools-overview-navy) 10%,transparent)}.material-tools-overview-commandbar{display:grid;grid-template-columns:minmax(420px,1fr) minmax(280px,390px);align-items:center;gap:16px;min-height:64px;padding:10px 14px;background:var(--filter-command-bg, #1a45ae)}.material-tools-overview-filters{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(92px,1fr));border:1px solid color-mix(in srgb,var(--tools-overview-paper) 28%,transparent);border-radius:10px}.material-tools-overview-filters button{position:relative;display:inline-flex;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid color-mix(in srgb,var(--tools-overview-paper) 18%,transparent);background:transparent;color:color-mix(in srgb,var(--tools-overview-paper) 88%,var(--tools-overview-navy));font:inherit;font-size:12px;font-weight:800;cursor:pointer}.material-tools-overview-filters button:first-child{border-radius:9px 0 0 9px}.material-tools-overview-filters button:last-child{border-right:0;border-radius:0 9px 9px 0}.material-tools-overview-filters button b{min-width:21px;border-radius:6px;padding:2px 5px;background:color-mix(in srgb,var(--tools-overview-paper) 14%,transparent);color:inherit;font-size:11px;font-variant-numeric:tabular-nums}.material-tools-overview-filters button.is-current{background:var(--tools-overview-paper);color:var(--tools-overview-navy)}.material-tools-overview-filters button.is-current:after{position:absolute;right:10px;bottom:0;left:10px;height:3px;border-radius:999px 999px 0 0;background:var(--tools-overview-yellow);content:""}.material-tools-overview-filters button.is-current b{background:var(--tools-overview-yellow)}.material-tools-overview-filters button:focus{outline:none}.material-tools-overview-filters button:focus-visible{z-index:1;outline:3px solid var(--tools-overview-yellow);outline-offset:2px}.material-tools-overview-search{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.material-tools-overview-search-label{color:var(--tools-overview-paper);font-size:11px;font-weight:800;white-space:nowrap}.material-tools-overview-search-control{display:grid;min-width:0;height:40px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;border:1px solid color-mix(in srgb,var(--tools-overview-paper) 44%,transparent);border-radius:10px;background:var(--tools-overview-paper);transition:border-color .18s ease,box-shadow .18s ease}.material-tools-overview-search-control:focus-within{border-color:var(--tools-overview-yellow);box-shadow:0 7px 18px color-mix(in srgb,var(--tools-overview-navy) 24%,transparent)}.material-tools-overview-search-control svg{width:19px;height:19px;fill:none;stroke:var(--tools-overview-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.material-tools-overview-search-control input{min-width:0;height:100%;border:0;outline:0!important;box-shadow:none!important;background:transparent;color:var(--tools-overview-navy);font:inherit;font-size:13px}.material-tools-overview-search-control input::placeholder{color:var(--tools-overview-ink);opacity:1}.material-tools-overview-content{min-height:420px;padding:0 clamp(14px,1.5vw,22px) 22px;border-radius:0 0 13px 13px;background:var(--tools-overview-paper)}.material-tools-overview-result-line{display:flex;min-height:46px;align-items:center;gap:5px;color:var(--tools-overview-ink);font-size:12px}.material-tools-overview-result-line strong{color:var(--tools-overview-navy);font-variant-numeric:tabular-nums}.material-tools-overview-result-line i{width:3px;height:3px;margin:0 4px;border-radius:50%;background:var(--tools-overview-line)}.material-tools-overview-result-line em{margin-left:auto;border-radius:7px;padding:3px 8px;background:var(--tools-overview-pale-blue);color:var(--tools-overview-navy);font-size:11px;font-style:normal;font-weight:800}.material-tools-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.material-tools-overview-card{display:grid;min-width:0;min-height:clamp(236px,27vh,304px);grid-template-rows:minmax(138px,1fr) auto;overflow:hidden;border:1px solid var(--tools-overview-line);border-radius:13px;background:var(--tools-overview-paper);color:inherit;text-decoration:none}.material-tools-overview-card.is-available{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.material-tools-overview-card.is-available:hover{border-color:var(--tools-overview-blue);box-shadow:0 11px 24px color-mix(in srgb,var(--tools-overview-navy) 13%,transparent);transform:translateY(-2px)}.material-tools-overview-card.is-available:active{transform:translateY(0)}.material-tools-overview-card.is-available:focus{outline:none}.material-tools-overview-card.is-available:focus-visible{outline:3px solid var(--tools-overview-blue);outline-offset:3px}.material-tools-overview-cover{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;border-bottom:1px solid var(--tools-overview-line);background:var(--tools-overview-pale-blue)}.material-tools-overview-card[data-tool-id=multi-function-3d] .material-tools-overview-cover{background:color-mix(in srgb,var(--tools-overview-paper) 78%,var(--tools-overview-mint))}.material-tools-overview-card[data-tool-id=multi-function-color] .material-tools-overview-cover{background:color-mix(in srgb,var(--tools-overview-paper) 72%,var(--tools-overview-yellow))}.material-tools-overview-cover>svg{width:clamp(76px,6.6vw,102px);height:clamp(76px,6.6vw,102px);fill:none;stroke:var(--tools-overview-blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:4.5;vector-effect:non-scaling-stroke}.material-tools-overview-card.is-disabled .material-tools-overview-cover>svg{stroke:var(--tools-overview-ink)}.material-tools-overview-status{position:absolute;top:12px;right:12px;display:inline-flex;min-height:24px;align-items:center;padding:3px 9px;border-radius:999px;background:var(--tools-overview-paper);color:var(--tools-overview-navy);font-size:11px;font-weight:800}.material-tools-overview-card.is-disabled .material-tools-overview-status{background:var(--tools-overview-line);color:var(--tools-overview-ink)}.material-tools-overview-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 16px 15px}.material-tools-overview-card-body>div{min-width:0}.material-tools-overview-card h2{margin:0;color:var(--tools-overview-navy);font-size:18px;font-weight:900;letter-spacing:-.025em;line-height:1.3}.material-tools-overview-card p{margin:5px 0 0;color:var(--tools-overview-ink);font-size:12px;line-height:1.5}.material-tools-overview-card.is-disabled h2,.material-tools-overview-card.is-disabled p{color:var(--tools-overview-ink)}.material-tools-overview-card-action{display:inline-flex;min-height:32px;align-items:center;gap:6px;color:var(--tools-overview-navy);font-size:12px;font-weight:800;white-space:nowrap}.material-tools-overview-card-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;transition:transform .18s cubic-bezier(.16,1,.3,1)}.material-tools-overview-card.is-available:hover .material-tools-overview-card-action svg{transform:translate(3px)}.material-tools-overview-card.is-disabled .material-tools-overview-card-action{color:var(--tools-overview-ink)}.material-tools-overview-empty{display:grid;min-height:360px;place-content:center;justify-items:center;padding:40px 20px;border:1px dashed var(--tools-overview-line);border-radius:13px;background:var(--tools-overview-canvas);text-align:center}.material-tools-overview-empty>svg{width:38px;height:38px;fill:none;stroke:var(--tools-overview-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.material-tools-overview-empty h2{margin:15px 0 0;color:var(--tools-overview-navy);font-size:18px}.material-tools-overview-empty p{margin:7px 0 0;color:var(--tools-overview-ink);font-size:13px}.material-tools-overview-empty button{margin-top:18px;min-height:36px;border:1px solid var(--tools-overview-line);border-radius:10px;padding:7px 14px;background:var(--tools-overview-paper);color:var(--tools-overview-navy);font-weight:800}.material-tools-overview-empty button:hover{border-color:var(--tools-overview-blue);background:var(--tools-overview-pale-blue)}.material-tools-overview-empty button:focus-visible{outline:3px solid var(--tools-overview-blue);outline-offset:2px}@media (max-width: 1279px){.material-tools-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.material-tools-overview-commandbar{grid-template-columns:1fr}.material-tools-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.material-tools-overview-inner{padding:0 13px 20px}.material-tools-overview-title-line{flex-wrap:wrap;gap:7px}.material-tools-overview-commandbar{gap:10px;padding:10px}.material-tools-overview-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.material-tools-overview-filters button{min-height:38px;gap:4px;padding:0 4px}.material-tools-overview-search{grid-template-columns:1fr;gap:5px}.material-tools-overview-search-control{height:40px}.material-tools-overview-content{padding:0 10px 14px}.material-tools-overview-grid{grid-template-columns:1fr}.material-tools-overview-card{min-height:238px;grid-template-rows:145px auto}}@media (max-width: 430px){.material-tools-overview-filters button span{font-size:11px}.material-tools-overview-filters button b{min-width:18px;padding-inline:4px}.material-tools-overview-card-body{grid-template-columns:1fr;align-items:start}.material-tools-overview-card-action{justify-self:end}}.material-tools-overview-card[data-cover-style=concept]{--tool-cover-gradient: linear-gradient(105deg, #72adff, #9590ff, #b89aff);--tool-art-background: #243a73;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto 1fr auto;align-items:stretch;gap:6px 12px;min-height:0;padding:14px 16px;border-color:#22252c;background:#111215;color:#f4f3f8;transform:none;box-shadow:none}.material-tools-overview-card[data-cover-style=concept] .material-tools-overview-card-body{display:contents}.material-tool-cover-heading{grid-column:1;grid-row:1;align-self:start;min-width:0}.material-tools-overview-card[data-cover-style=concept] h2{width:fit-content;margin:0 0 4px;background:var(--tool-cover-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#b6b4f4;font-size:22px;font-weight:650;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}.material-tools-overview-card[data-tool-id=multi-function-3d]{--tool-art-background: #d6ff36;--tool-cover-gradient: linear-gradient(105deg, #d6ff36, #e8ff91, #f1ffd0)}.material-tools-overview-card[data-tool-id=multi-function-calculation]{--tool-art-background: #253751;--tool-cover-gradient: linear-gradient(105deg, #ffbe65, #ffdb70, #f1ec9b)}.material-tools-overview-card[data-tool-id=multi-function-color]{--tool-art-background: #563647;--tool-cover-gradient: linear-gradient(105deg, #ff8fae, #ffa27d, #ffcf79)}.material-tools-overview-card[data-tool-id=image-vectorizer]{--tool-art-background: #26366b;--tool-cover-gradient: linear-gradient(105deg, #8ccfff, #61baff, #68e5ff)}.material-tools-overview-card[data-tool-id=image-editor]{--tool-art-background: #3e3466;--tool-cover-gradient: linear-gradient(105deg, #c0a0ff, #df85f6, #ff92dc)}.material-tools-overview-card[data-cover-style=concept] .material-tool-cover-version{display:inline-flex;flex-wrap:wrap;gap:5px;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:#b9bfce;font-size:11px;font-weight:500;line-height:1.6;box-shadow:none}.material-tool-cover-version b{font-weight:600}.material-tool-cover-version time{display:none}.material-tool-cover-features{display:grid;grid-column:1;grid-row:2;align-content:start;gap:2px;margin:0;padding:0;list-style:none;color:#cbcbd6;font-size:13px;font-weight:450;line-height:1.5;overflow-wrap:anywhere}.material-tool-cover-features li{margin:0;padding:0}.material-tool-cover-footer{display:flex;grid-column:1 / -1;grid-row:3;align-items:end;justify-content:space-between;gap:8px}.material-tools-overview-card[data-cover-style=concept] .material-tools-overview-card-action{flex-shrink:0;min-height:32px;color:#f4f3f8;font-size:13px}.material-tool-concept-visual{position:relative;display:flex;align-items:stretch;align-self:start;grid-column:2;grid-row:1 / 3;width:100%;min-height:152px;min-width:0;overflow:hidden;border-radius:8px;background:var(--tool-art-background);filter:saturate(1.42) brightness(1.09)}.material-tool-concept-art{display:block;width:100%;height:auto;min-height:0;align-self:center;overflow:hidden}.material-tools-overview-card[data-tool-id=multi-function-3d] .material-tool-concept-visual{filter:none}.material-tool-concept-visual .material-tools-overview-status{top:4px;right:4px;min-height:20px;padding:2px 6px;background:#111215;color:#eeeef6;font-size:11px;font-weight:550}.material-tools-overview-card[data-cover-style=concept].is-available:hover{border-color:#829fe6;background:#181a20}.material-tools-overview-card[data-cover-style=concept] .material-tools-overview-card-action svg{transition:transform .18s ease-out}.material-tools-overview-card[data-cover-style=concept].is-available:hover .material-tools-overview-card-action svg{transform:translate(3px)}.material-tools-overview-card[data-cover-style=concept]::selection{background:#b5b7f0;color:#111215}@media (max-width: 430px){.material-tools-overview-card[data-cover-style=concept]{padding:14px}}@media (forced-colors: active){.material-tools-overview-card[data-cover-style=concept] h2{background:none;-webkit-text-fill-color:CanvasText}}@media (prefers-reduced-motion: reduce){.material-tools-overview-card[data-cover-style=concept] .material-tools-overview-card-action svg{transition:none;transform:none!important}.material-tools-overview-card.is-available,.material-tools-overview-card-action svg,.material-tools-overview-search-control{transition:none}.material-tools-overview-card.is-available:hover{transform:none}}.material-tool-usage{display:grid;min-width:0;gap:0;color:#b9bfce;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.material-tool-usage b{color:#f4f3f8;font-size:14px;font-weight:700}.material-tool-usage small{color:#a5adbc;font-size:10px}.material-tool-usage-retry{margin-left:auto;border:0;background:transparent;color:var(--tools-overview-blue);font:inherit;cursor:pointer}.material-tool-usage-retry:focus-visible{outline:2px solid var(--tools-overview-blue);outline-offset:3px}