.hub-page{--hub-color-convert:var(--md-sys-color-primary,#6750a4);--hub-color-view:#4dd0a1;--hub-color-compress:#ff9248;--hub-color-image:#35bdf7;--hub-color-video:#ff684f;--hub-color-audio:#a87aff;--hub-color-document:#7c8cff;--hub-color-archive:#ffba31;--hub-color-ebook:#4dd0a1;--hub-color-model3d:#ff9248;--hub-color-font:#e85d8a;--hub-color-text:#5cc8d8;--hub-color-vector:#b88cff;--hub-color-other:#9ba3b5;background:var(--md-sys-color-background);margin-bottom:0;padding:var(--md-sys-spacing-8) 0 96px}.hub-page__container{margin:0 auto;width:min(1440px,calc(100% - 40px))}.hub-page__layout{align-items:start;display:grid;gap:var(--md-sys-spacing-8);grid-template-columns:210px minmax(0,1fr)}.hub-page__sidebar{max-height:calc(100vh - var(--navbar-height, 68px) - var(--md-sys-spacing-8));min-width:0;overflow-y:auto;position:sticky;scrollbar-width:thin;top:calc(var(--navbar-height, 68px) + var(--md-sys-spacing-5))}.hub-page__sidebar-title{color:var(--md-sys-color-on-surface-variant);display:block;font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;margin:0 0 var(--md-sys-spacing-2)}.hub-page__nav,.hub-page__nav-item{display:grid;gap:var(--md-sys-spacing-1)}.hub-page__nav-item{--hub-accent:var(--hub-color-other);min-width:0}.hub-page__nav-item:has(.is-active)>.hub-page__subnav{display:grid}.hub-page__nav-item:has(.hub-page__subnav-link.is-active)>.hub-page__nav-link{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);color:var(--hub-accent)}.hub-page__nav-item:has(.hub-page__subnav-link.is-active)>.hub-page__nav-link small{color:inherit}.hub-page__nav-link{align-items:center;border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);display:grid;font-size:var(--md-sys-typescale-label-large-size);font-weight:500;gap:var(--md-sys-spacing-2);grid-template-columns:24px minmax(0,1fr) auto;min-height:48px;min-width:0;padding:0 var(--md-sys-spacing-4);text-decoration:none;transition:background-color .2s ease,color .2s ease}.hub-page__nav-link:focus-visible,.hub-page__nav-link:hover{background:color-mix(in srgb,var(--hub-accent) 8%,transparent);color:var(--md-sys-color-on-surface);opacity:1;outline:none}.hub-page__nav-link.is-active{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);color:var(--hub-accent)}.hub-page__nav-link.is-active small{color:inherit}.hub-page__nav-link small{color:var(--md-sys-color-outline);font-size:var(--md-sys-typescale-label-small-size);font-weight:700}.hub-page__nav-icon{color:var(--hub-accent);display:grid;place-items:center}.hub-page__nav-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:18px;width:18px}.hub-page__nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-page__subnav{border-left:1px solid var(--md-sys-color-outline-variant);display:none;gap:2px;margin:var(--md-sys-spacing-1) var(--md-sys-spacing-2) var(--md-sys-spacing-1) var(--md-sys-spacing-6);padding-left:var(--md-sys-spacing-3)}.hub-page__subnav-link{align-items:center;border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);display:flex;font-size:var(--md-sys-typescale-label-large-size);font-weight:500;gap:var(--md-sys-spacing-2);justify-content:space-between;min-height:36px;min-width:0;padding:0 var(--md-sys-spacing-3);text-decoration:none;transition:background-color .2s ease,color .2s ease}.hub-page__subnav-link:focus-visible,.hub-page__subnav-link:hover{background:color-mix(in srgb,var(--hub-accent) 8%,transparent);color:var(--md-sys-color-on-surface);opacity:1;outline:none}.hub-page__subnav-link.is-active{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);color:var(--hub-accent)}.hub-page__subnav-link.is-active small{color:inherit}.hub-page__subnav-link small{color:var(--md-sys-color-outline);font-size:var(--md-sys-typescale-label-small-size);font-weight:700}.hub-page__subnav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-page__content{display:grid;gap:var(--md-sys-spacing-6);min-width:0}.hub-section{--hub-accent:var(--hub-color-other);background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:0;overflow:hidden;scroll-margin-top:calc(var(--navbar-height, 68px) + var(--md-sys-spacing-5))}.hub-section__header{align-items:center;background:color-mix(in srgb,var(--hub-accent) 3%,var(--md-sys-color-surface-container));border-bottom:1px solid var(--md-sys-color-outline-variant);display:grid;gap:var(--md-sys-spacing-3);grid-template-columns:36px minmax(0,1fr) auto;min-height:76px;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-5)}.hub-section__icon{background:color-mix(in srgb,var(--hub-accent) 10%,transparent);border-radius:var(--md-sys-shape-corner-small);color:var(--hub-accent);display:grid;height:36px;place-items:center;width:36px}.hub-section__icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:21px;width:21px}.hub-section__heading{min-width:0}.hub-section__heading h2,.hub-section__heading h3{color:var(--hub-accent);font-size:var(--md-sys-typescale-title-large-size);font-weight:500;line-height:var(--md-sys-typescale-title-large-line-height);margin:0}.hub-section__heading p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);margin:var(--md-sys-spacing-1) 0 0}.hub-section__count{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);border-radius:var(--md-sys-shape-corner-full);color:var(--hub-accent);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;min-width:34px;padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2);text-align:center}.hub-section__grid{column-gap:var(--md-sys-spacing-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4) var(--md-sys-spacing-4);row-gap:var(--md-sys-spacing-1)}.hub-group{--hub-accent:var(--hub-color-other);display:grid;gap:var(--md-sys-spacing-4);scroll-margin-top:calc(var(--navbar-height, 68px) + var(--md-sys-spacing-5))}.hub-group__header{align-items:center;display:grid;gap:var(--md-sys-spacing-3);grid-template-columns:44px minmax(0,1fr) auto;min-width:0;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-1) 0}.hub-group__icon{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);border-radius:var(--md-sys-shape-corner-medium);color:var(--hub-accent);display:grid;height:44px;place-items:center;width:44px}.hub-group__icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:24px;width:24px}.hub-group__heading{min-width:0}.hub-group__heading h2{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-small-size);font-weight:500;line-height:var(--md-sys-typescale-headline-small-line-height);margin:0}.hub-group__heading p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);margin:var(--md-sys-spacing-1) 0 0}.hub-group__count{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);border-radius:var(--md-sys-shape-corner-full);color:var(--hub-accent);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;min-width:34px;padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2);text-align:center}.hub-group__sections{display:grid;gap:var(--md-sys-spacing-5);min-width:0}.hub-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-app,.hub-apps{display:grid;gap:var(--md-sys-spacing-4)}.hub-app{--hub-accent:var(--hub-color-other);align-items:center;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);grid-template-columns:48px minmax(0,1fr) auto;min-width:0;padding:var(--md-sys-spacing-5);text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.hub-app:focus-visible,.hub-app:hover{background:color-mix(in srgb,var(--hub-accent) 6%,var(--md-sys-color-surface-container-low));border-color:color-mix(in srgb,var(--hub-accent) 32%,var(--md-sys-color-outline-variant));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hub-accent) 12%,transparent);opacity:1;outline:none}.hub-app__icon{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);border-radius:var(--md-sys-shape-corner-medium);color:var(--hub-accent);display:grid;height:48px;place-items:center;width:48px}.hub-app__icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:24px;width:24px}.hub-app__heading{display:grid;gap:var(--md-sys-spacing-1);min-width:0}.hub-app__title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium-size);font-weight:500;line-height:var(--md-sys-typescale-title-medium-line-height)}.hub-app__text{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.hub-app__chevron{color:var(--md-sys-color-outline);display:grid;place-items:center;transition:color .2s ease,transform .2s ease}.hub-app__chevron svg{height:20px;width:20px}.hub-app:focus-visible .hub-app__chevron,.hub-app:hover .hub-app__chevron{color:var(--hub-accent);transform:translateX(2px)}.hub-tool{align-items:center;border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);display:flex;font-size:var(--md-sys-typescale-body-medium-size);gap:var(--md-sys-spacing-3);justify-content:space-between;min-height:48px;min-width:0;padding:0 var(--md-sys-spacing-3);text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.hub-tool:focus-visible,.hub-tool:hover{background:color-mix(in srgb,var(--hub-accent) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hub-accent) 12%,transparent);color:var(--hub-accent);opacity:1;outline:none}.hub-tool__label{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-tool__badge{background:color-mix(in srgb,var(--hub-accent) 12%,transparent);border-radius:var(--md-sys-shape-corner-small);box-sizing:border-box;color:var(--hub-accent);flex:0 0 auto;font-size:var(--md-sys-typescale-label-small-size);font-weight:700;line-height:1.2;min-width:46px;padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2);text-align:center}.hub-accent--convert{--hub-accent:var(--hub-color-convert)}.hub-accent--view{--hub-accent:var(--hub-color-view)}.hub-accent--compress{--hub-accent:var(--hub-color-compress)}.hub-accent--image{--hub-accent:var(--hub-color-image)}.hub-accent--video{--hub-accent:var(--hub-color-video)}.hub-accent--audio{--hub-accent:var(--hub-color-audio)}.hub-accent--document{--hub-accent:var(--hub-color-document)}.hub-accent--archive{--hub-accent:var(--hub-color-archive)}.hub-accent--ebook{--hub-accent:var(--hub-color-ebook)}.hub-accent--model3d{--hub-accent:var(--hub-color-model3d)}.hub-accent--font{--hub-accent:var(--hub-color-font)}.hub-accent--text{--hub-accent:var(--hub-color-text)}.hub-accent--vector{--hub-accent:var(--hub-color-vector)}.hub-accent--other{--hub-accent:var(--hub-color-other)}.hub-section{--scroll-nav-highlight-color:var(--hub-accent)}@media (max-width:1100px){.hub-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:905px){.hub-page{padding-top:var(--md-sys-spacing-6)}.hub-page__container{width:calc(100% - 24px)}.hub-page__layout{gap:var(--md-sys-spacing-5);grid-template-columns:1fr}.hub-page__sidebar{background:color-mix(in srgb,var(--md-sys-color-background) 96%,transparent);border-bottom:1px solid var(--md-sys-color-outline-variant);margin:0 calc(var(--md-sys-spacing-3)*-1);overflow-x:auto;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);position:sticky;scrollbar-width:none;top:var(--navbar-height,68px);z-index:20}.hub-page__sidebar::-webkit-scrollbar{display:none}.hub-page__sidebar-title{display:none}.hub-page__nav{display:flex;gap:var(--md-sys-spacing-1);width:max-content}.hub-page__nav-item:has(.is-active)>.hub-page__subnav{display:none}.hub-page__nav-link{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);grid-template-columns:18px auto auto;min-height:48px}.hub-page__nav-link.is-active{border-color:color-mix(in srgb,var(--hub-accent) 32%,var(--md-sys-color-outline-variant))}}@media (max-width:600px){.hub-page{padding-bottom:calc(var(--md-sys-spacing-8)*2)}.hub-apps{grid-template-columns:1fr}.hub-app{grid-template-columns:40px minmax(0,1fr) auto;padding:var(--md-sys-spacing-4)}.hub-app__icon{height:40px;width:40px}.hub-section__header{grid-template-columns:34px minmax(0,1fr) auto;min-height:0;padding:var(--md-sys-spacing-3)}.hub-section__heading p{display:none}.hub-section__grid{grid-template-columns:1fr;padding:var(--md-sys-spacing-2)}}.guide-accent--choose{--hub-accent:var(--hub-color-document)}.guide-accent--compare{--hub-accent:var(--hub-color-audio)}.guide-accent--howto{--hub-accent:var(--hub-color-view)}.guide-grid{display:grid;gap:var(--md-sys-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.guide-grid{grid-template-columns:1fr}}