:where(.error-404-page).error-404-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--pic-space-xl) var(--pic-page-gutter-x)}:where(.error-404-page) .error-404-container{max-width:37.5rem;width:100%;text-align:center}:where(.error-404-page) .error-404-content{background:var(--pic-bg-card);border-radius:var(--pic-content-radius);padding:var(--pic-space-2xl) var(--pic-space-xl);box-shadow:var(--pic-shadow-lg)}:where(.error-404-page) .error-404-number{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-bottom:var(--pic-space-lg)}:where(.error-404-page) .error-404-number .digit{font-size:7.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg, var(--pic-primary), var(--pic-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 3s ease-in-out infinite}@keyframes float{0%,
    100%{transform:translateY(0)}50%{transform:translateY(-0.625rem)}}:where(.error-404-page) .error-404-title{font-size:var(--pic-font-size-xl);font-weight:700;color:var(--pic-text);margin-bottom:var(--pic-space-sm)}:where(.error-404-page) .error-404-description{font-size:var(--pic-font-size-base);color:var(--pic-text-muted);margin-bottom:var(--pic-space-lg)}:where(.error-404-page) .error-404-actions{display:flex;justify-content:center;gap:var(--pic-space-md);margin-bottom:var(--pic-space-xl);flex-wrap:wrap}:where(.error-404-page) .btn-back-home{--btn-bg:var(--pic-primary);--btn-color:var(--pic-on-primary);--btn-hover-bg:var(--pic-primary);--btn-hover-color:var(--pic-on-primary);--btn-active-bg:var(--pic-primary);--btn-active-color:var(--pic-on-primary);--btn-shadow:none;--btn-hover-shadow:none;--btn-focus-shadow:none;transition:none}:where(.error-404-page) .btn-back-home:hover,
:where(.error-404-page) .btn-back-home:active{transform:none;box-shadow:none}:where(.error-404-page) .error-404-search{border-top:1px solid var(--pic-border-light);padding-top:var(--pic-space-lg)}:where(.error-404-page) .search-hint{font-size:var(--pic-font-size-sm);color:var(--pic-text-muted);margin-bottom:var(--pic-space-md)}:root[data-theme="dark"] :where(.error-404-page) .error-404-content{background:var(--pic-bg-card)}@media (max-width: 768px){:where(.error-404-page) .error-404-number .digit{font-size:5rem}:where(.error-404-page) .error-404-content{padding:var(--pic-space-xl) var(--pic-space-md)}:where(.error-404-page) .error-404-actions{flex-flow:row nowrap;gap:var(--pic-space-sm)}:where(.error-404-page) .btn-back-home,
    :where(.error-404-page) .btn-go-back{flex:1 1 0;width:auto;min-width:0;padding-inline:var(--pic-space-sm)}}:where(.cosers-page).cosers-page{padding:var(--pic-space-2xl) 0;min-height:60vh;position:relative;overflow:hidden}:where(.cosers-page) .cosers-bg-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(7.5rem);z-index:0}:where(.cosers-page) .cosers-bg-glow.is-top{top:-7.5rem;left:-5rem;width:37.5rem;height:37.5rem;background:radial-gradient(circle, rgba(var(--pic-primary-rgb), 0.12), transparent 70%)}:where(.cosers-page) .cosers-bg-glow.is-bottom{bottom:-6.25rem;right:-5rem;width:43.75rem;height:43.75rem;background:radial-gradient(circle, rgba(var(--pic-primary-rgb), 0.08), transparent 70%)}:where(.cosers-page) .cosers-bg-float-icon{position:absolute;color:var(--pic-primary-text);opacity:0.04;pointer-events:none;z-index:0;animation:cosersFloat 6s ease-in-out infinite}:where(.cosers-page) .cosers-bg-float-icon.is-images{top:12%;left:5%;font-size:2.25rem}:where(.cosers-page) .cosers-bg-float-icon.is-heart{top:30%;right:6%;font-size:1.75rem}:where(.cosers-page) .cosers-bg-float-icon.is-star{bottom:20%;left:4%;font-size:1.5rem}:where(.cosers-page) .cosers-bg-float-icon.is-camera{right:5%;bottom:12%;font-size:2rem}:where(.cosers-page) .cosers-content-layer{position:relative;z-index:1}@keyframes cosersFloat{0%, 100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-0.375rem) rotate(3deg)}}@keyframes cosersFadeInUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}:where(.cosers-page) .cosers-header{text-align:center;margin-bottom:var(--pic-space-xl);max-width:37.5rem;margin-left:auto;margin-right:auto;animation:cosersFadeInUp 0.6s ease-out}:where(.cosers-page) .cosers-header h1{font-size:var(--pic-font-size-2xl);font-weight:700;margin-bottom:var(--pic-space-sm);color:var(--pic-text);letter-spacing:var(--pic-letter-spacing-display)}:where(.cosers-page) .cosers-header h1 span{color:var(--pic-primary-text);background:linear-gradient(135deg, var(--pic-primary), var(--pic-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:where(.cosers-page) .cosers-header p{color:var(--pic-text-muted);font-size:var(--pic-font-size-base);margin:0}:where(.cosers-page) .cosers-header p strong{color:var(--pic-primary-text)}:where(.cosers-page) .cosers-search-box{max-width:32.5rem;margin:0 auto var(--pic-space-2xl);animation:cosersFadeInUp 0.6s ease-out 0.15s backwards}:where(.cosers-page) .cosers-search-form{display:flex;align-items:center;background:var(--pic-bg-card);border-radius:var(--pic-control-radius);box-shadow:var(--pic-shadow-md);overflow:hidden;border:0.09375rem solid transparent;transition:all var(--pic-transition)}:where(.cosers-page) .cosers-search-form:focus-within{border-color:var(--pic-primary);box-shadow:0 0 0 0.1875rem rgba(var(--pic-primary-rgb), 0.12), var(--pic-shadow-md)}:where(.cosers-page) .cosers-search-icon{padding-left:var(--pic-space-lg);color:var(--pic-text-muted);display:flex;align-items:center;flex-shrink:0}:where(.cosers-page) .cosers-search-icon .pic-icon{display:block;width:1.125rem;height:1.125rem}:where(.cosers-page) .cosers-search-form:focus-within .cosers-search-icon{color:var(--pic-primary-text)}:where(.cosers-page) .cosers-search-form .pic-input-field{flex:1;border:none;background:transparent;padding:0.75rem var(--pic-space-md);font-size:var(--pic-font-size-control);color:var(--pic-text);outline:none;min-width:0;height:auto}:where(.cosers-page) .cosers-search-form .pic-input-field::placeholder{color:var(--pic-text-muted)}:where(.cosers-page) .cosers-search-submit{display:flex;align-items:center;gap:var(--pic-space-xs);padding:0.625rem var(--pic-space-xl);margin:0.25rem;border:none;border-radius:var(--pic-control-radius);background:var(--pic-primary);color:var(--pic-on-primary);font-size:var(--pic-font-size-sm);font-weight:600;cursor:pointer;transition:all var(--pic-transition);white-space:nowrap}:where(.cosers-page) .cosers-search-submit:hover{filter:brightness(0.92)}:where(.cosers-page) .cosers-search-submit:active{transform:scale(0.97)}:where(.cosers-page) .cosers-search-result{text-align:center;margin-bottom:var(--pic-space-lg);color:var(--pic-text-muted);font-size:var(--pic-font-size-sm);animation:cosersFadeInUp 0.4s ease-out}:where(.cosers-page) .cosers-search-result strong{color:var(--pic-primary-text)}:where(.cosers-page) .cosers-search-result a{color:var(--pic-primary-text);margin-left:var(--pic-space-sm)}:where(.cosers-page) .cosers-search-result a:hover{text-decoration:underline}:where(.cosers-page) .cosers-page-grid{grid-template-columns:repeat(8, 1fr) !important;animation:cosersFadeInUp 0.6s ease-out 0.25s backwards}:where(.cosers-page) .cosers-empty{text-align:center;padding:var(--pic-space-3xl) var(--pic-space-lg);animation:cosersFadeInUp 0.6s ease-out}:where(.cosers-page) .cosers-empty-icon{font-size:3.5rem;color:var(--pic-text-muted);opacity:0.4;margin-bottom:var(--pic-space-lg)}:where(.cosers-page) .cosers-empty h3{font-size:var(--pic-font-size-lg);font-weight:600;color:var(--pic-text);margin:0 0 var(--pic-space-sm)}:where(.cosers-page) .cosers-empty p{color:var(--pic-text-muted);font-size:var(--pic-font-size-sm);margin:0 0 var(--pic-space-lg)}:where(.cosers-page) .cosers-empty-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pic-space-xs);height:2.25rem;padding:0 var(--pic-space-xl);border-radius:var(--pic-control-radius);background:var(--pic-primary);color:var(--pic-on-primary);font-size:var(--pic-font-size-sm);font-weight:600;line-height:1;text-decoration:none;transition:all var(--pic-transition)}:where(.cosers-page) .cosers-empty-btn:hover{filter:brightness(0.92);color:var(--pic-on-primary)}@media (prefers-reduced-motion: reduce){:where(.error-404-page) .error-404-number .digit,
    :where(.cosers-page) .cosers-bg-float-icon,
    :where(.cosers-page) .cosers-header,
    :where(.cosers-page) .cosers-search-box,
    :where(.cosers-page) .cosers-search-result,
    :where(.cosers-page) .cosers-page-grid,
    :where(.cosers-page) .cosers-empty{animation:none}}@media (max-width: 1280px){:where(.cosers-page) .cosers-page-grid{grid-template-columns:repeat(6, 1fr) !important}}@media (max-width: 1024px){:where(.cosers-page) .cosers-page-grid{grid-template-columns:repeat(5, 1fr) !important}}@media (max-width: 768px){:where(.cosers-page).cosers-page{padding:var(--pic-space-lg) 0}:where(.cosers-page) .cosers-bg-glow,
    :where(.cosers-page) .cosers-bg-float-icon{display:none}:where(.cosers-page) .cosers-header{margin-bottom:var(--pic-space-lg);padding:0}:where(.cosers-page) .cosers-header h1{font-size:var(--pic-font-size-xl)}:where(.cosers-page) .cosers-search-box{padding:0;margin-bottom:var(--pic-space-lg)}:where(.cosers-page) .cosers-search-form .pic-input-field{font-size:1rem}:where(.cosers-page) .cosers-page-grid{grid-template-columns:repeat(4, 1fr) !important;gap:var(--pic-space-sm) !important}}@media (max-width: 480px){:where(.cosers-page) .cosers-page-grid{grid-template-columns:repeat(3, 1fr) !important}}:where(.help-container).help-container{max-width:var(--pic-container-max);margin:var(--pic-space-xl) auto;padding:0 var(--pic-page-gutter-x);display:grid;grid-template-columns:12.5rem 1fr;gap:var(--pic-space-xl);align-items:start;min-height:80vh}:where(.help-container) .help-sidebar{background:var(--pic-bg-white);border-radius:var(--pic-content-radius);padding:var(--pic-space-md);position:sticky;top:5.625rem;box-shadow:var(--pic-shadow-sm)}:where(.help-container) .help-nav-title{font-size:var(--pic-font-size-sm);color:var(--pic-text-muted);font-weight:700;padding:var(--pic-space-sm) var(--pic-space-md);margin-bottom:var(--pic-space-xs);text-transform:uppercase;letter-spacing:0.05em}:where(.help-container) .help-nav{display:flex;flex-direction:column;gap:0.25rem}:where(.help-container) .help-nav-item{display:flex;align-items:center;gap:var(--pic-space-sm);padding:var(--pic-space-sm) var(--pic-space-md);border-radius:var(--pic-control-radius);color:var(--pic-text);text-decoration:none;font-size:var(--pic-font-size-base);line-height:var(--pic-control-line-height);font-weight:500;transition:var(--pic-transition)}:where(.help-container) .help-nav-item svg{display:block;width:1.125rem;height:1.125rem;color:var(--pic-text-light);transition:var(--pic-transition);fill:currentColor}:where(.help-container) .help-nav-item .icon{font-size:1.125rem;width:1.125rem;text-align:center;color:var(--pic-text-light);transition:var(--pic-transition)}:where(.help-container) .help-nav-item:hover{background:var(--pic-bg-body);color:var(--pic-primary-text)}:where(.help-container) .help-nav-item:hover svg,
:where(.help-container) .help-nav-item:hover .icon{color:var(--pic-primary-text)}:where(.help-container) .help-nav-item:focus-visible{outline:0.125rem solid var(--pic-primary);outline-offset:0.125rem}:where(.help-container) .help-nav-item.active{background:var(--pic-primary-light);color:var(--pic-primary-text);font-weight:600}:where(.help-container) .help-nav-item.active svg,
:where(.help-container) .help-nav-item.active .icon{color:var(--pic-primary-text)}:where(.help-container) .help-content{min-width:0}:where(.help-container) .help-card{background:var(--pic-bg-white);border-radius:var(--pic-content-radius);padding:var(--pic-space-xl);box-shadow:var(--pic-shadow-sm)}:where(.help-container) .help-header{margin-bottom:var(--pic-space-xl);padding-bottom:var(--pic-space-lg);border-bottom:1px solid var(--pic-border)}:where(.help-container) .help-title{font-size:var(--pic-font-size-2xl);font-weight:700;color:var(--pic-text);margin:0 0 var(--pic-space-sm);line-height:2.25rem;display:flex;align-items:center;gap:var(--pic-space-md)}:where(.help-container) .help-title svg{width:2.25rem;height:2.25rem;fill:var(--pic-primary-text)}:where(.help-container) .help-title .icon{font-size:2rem;color:var(--pic-primary-text)}:where(.help-container) .help-subtitle{font-size:var(--pic-font-size-base);color:var(--pic-text-light);margin:0}:where(.help-container) .help-alert{background:var(--pic-warning-light);padding:var(--pic-space-lg);border-radius:var(--pic-content-radius);margin-bottom:var(--pic-space-xl);display:flex;gap:var(--pic-space-md);align-items:flex-start}:where(.help-container) .help-alert-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--pic-warning)}:where(.help-container) .help-alert-icon svg{width:100%;height:100%;fill:currentColor}:where(.help-container) .help-alert-title{margin:0 0 0.375rem;font-size:var(--pic-font-size-base);font-weight:700;color:var(--pic-warning)}:where(.help-container) .help-alert-content p{margin:0;font-size:var(--pic-font-size-sm);color:var(--pic-warning);line-height:1.5}:where(.help-container) .code-highlight{background:rgba(255, 255, 255, 0.8);padding:0.125rem 0.375rem;border-radius:var(--pic-chip-radius);font-family:var(--pic-font-family-mono);font-weight:700;border:1px solid rgba(0, 0, 0, 0.05)}:where(.help-container) .help-section{margin-bottom:3.125rem;scroll-margin-top:6.25rem}:where(.help-container) .help-section:last-child{margin-bottom:0}:where(.help-container) .section-title{font-size:var(--pic-font-size-lg);font-weight:700;color:var(--pic-text);margin-bottom:var(--pic-space-lg);display:flex;align-items:center;gap:var(--pic-space-sm);line-height:1.5rem}:where(.help-container) .section-title svg{width:1.5rem;height:1.5rem;color:var(--pic-primary-text);opacity:0.8;fill:currentColor}:where(.help-container) .section-title .icon{font-size:1.4rem;color:var(--pic-primary-text);opacity:0.8}:where(.help-container) .tool-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(16.25rem, 1fr));gap:var(--pic-space-lg)}:where(.help-container) .tool-item{position:relative;overflow:hidden;background:var(--pic-bg-white);border:1px solid rgba(15, 23, 42, 0.06);box-shadow:0 0.25rem 0.875rem rgba(15, 23, 42, 0.05);border-radius:var(--pic-content-radius);padding:var(--pic-space-lg);transition:var(--pic-transition);display:flex;flex-direction:column;height:100%}:where(.help-container) .tool-item:hover{transform:translateY(-0.0625rem);border-color:rgba(15, 23, 42, 0.1);box-shadow:0 0.5rem 1.25rem rgba(15, 23, 42, 0.07)}:where(.help-container) .tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--pic-space-md)}:where(.help-container) .tool-name{margin:0;font-size:var(--pic-font-size-md);font-weight:700;line-height:1.35;color:var(--pic-text)}:where(.help-container) .tool-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--pic-font-size-xs);padding:0.25rem 0.5rem;border-radius:var(--pic-radius-full);font-weight:600;line-height:1}:where(.help-container) .badge-rec{background:var(--pic-success-light);color:var(--pic-success)}:where(.help-container) .badge-free{background:var(--pic-primary-light);color:var(--pic-primary-text)}:where(.help-container) .badge-paid{background:var(--pic-warning-light);color:var(--pic-warning)}:where(.help-container) .tool-desc{font-size:var(--pic-font-size-sm);color:var(--pic-text-light);margin-bottom:var(--pic-space-lg);line-height:1.6;flex-grow:1}:where(.help-container) .tool-item .pic-btn-block{width:auto;align-self:flex-start}:where(.help-container) .help-command{width:100%;margin:0;padding:0.625rem 0.75rem;overflow-x:auto;border:1px solid var(--pic-border);border-radius:var(--pic-control-radius);background:var(--pic-bg-body);color:var(--pic-text);font-family:var(--pic-font-family-mono);font-size:var(--pic-font-size-sm);line-height:1.5;white-space:pre;user-select:text}:where(.help-container) .help-command code{color:inherit;font:inherit}:where(.help-container) .faq-grid{display:grid;gap:var(--pic-space-md)}:where(.help-container) .faq-item{background:var(--pic-bg-body);padding:var(--pic-space-lg);border-radius:var(--pic-content-radius)}:where(.help-container) .faq-q{font-weight:700;font-size:var(--pic-font-size-base);margin:0 0 var(--pic-space-sm);display:flex;gap:var(--pic-space-sm);color:var(--pic-text)}:where(.help-container) .faq-q::before{content:'Q';color:var(--pic-primary-text)}:where(.help-container) .faq-a{font-size:var(--pic-font-size-sm);color:var(--pic-text-light);line-height:1.6;padding-left:1.25rem}@media (max-width: 768px){:where(.help-container).help-container{grid-template-columns:1fr;margin:var(--pic-space-sm) auto;gap:var(--pic-space-md)}:where(.help-container) .help-sidebar{position:relative;top:auto;z-index:10;overflow:hidden;white-space:nowrap;padding:var(--pic-space-sm);margin-bottom:0}:where(.help-container) .help-sidebar::after{content:'';position:absolute;top:var(--pic-space-sm);right:var(--pic-space-sm);bottom:var(--pic-space-sm);width:var(--pic-space-lg);background:linear-gradient(90deg, transparent, var(--pic-bg-white));pointer-events:none}:where(.help-container) .help-nav-title{display:none}:where(.help-container) .help-nav{flex-direction:row;gap:var(--pic-space-sm);overflow-x:auto;overflow-y:hidden;padding:0.125rem var(--pic-space-lg) 0.125rem 0.125rem;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}:where(.help-container) .help-nav::-webkit-scrollbar{display:none}:where(.help-container) .help-nav-item{flex:0 0 auto;min-height:var(--pic-control-height-mobile);padding:0 var(--pic-space-sm);white-space:nowrap;background:var(--pic-bg-body);border:1px solid var(--pic-border)}:where(.help-container) .help-card{padding:var(--pic-space-lg) var(--pic-space-md)}:where(.help-container) .help-title{font-size:1.25rem;gap:var(--pic-space-sm);line-height:1.5rem}:where(.help-container) .help-title svg{width:1.5rem;height:1.5rem}:where(.help-container) .help-title .icon{font-size:1.5rem}:where(.help-container) .help-subtitle{font-size:0.85rem;margin-top:0.25rem}:where(.help-container) .help-alert{padding:var(--pic-space-md);gap:var(--pic-space-sm);margin-bottom:var(--pic-space-lg)}:where(.help-container) .help-alert-icon{width:1.25rem;height:1.25rem}:where(.help-container) .help-alert-icon svg,
    :where(.help-container) .help-alert-icon .icon{font-size:1.2rem;width:1.25rem;height:1.25rem}:where(.help-container) .help-alert-title{font-size:0.95rem}:where(.help-container) .help-alert-content p{font-size:0.85rem}:where(.help-container) .help-section{margin-bottom:1.875rem}:where(.help-container) .section-title{font-size:1.1rem;margin-bottom:var(--pic-space-md);line-height:1.25rem}:where(.help-container) .section-title svg,
    :where(.help-container) .section-title .icon{width:1.25rem;height:1.25rem;font-size:1.2rem}:where(.help-container) .tool-grid{gap:var(--pic-space-sm)}:where(.help-container) .tool-item{padding:var(--pic-space-md)}:where(.help-container) .tool-header{margin-bottom:var(--pic-space-sm);flex-wrap:wrap;gap:0.25rem}:where(.help-container) .tool-name{font-size:0.95rem}:where(.help-container) .tool-badge{padding:0.125rem 0.375rem;margin-left:auto}:where(.help-container) .tool-desc{font-size:var(--pic-font-size-sm);line-height:1.55;margin-bottom:var(--pic-space-md)}:where(.help-container) .faq-item{padding:var(--pic-space-md)}:where(.help-container) .faq-q{font-size:0.95rem}:where(.help-container) .faq-a{font-size:0.85rem;padding-left:0;margin-top:0.375rem}:where(.help-container) .faq-q::before{display:none}}:where(.pic-tags-page).pic-tags-page{min-height:100%;padding:var(--pic-space-xl) 0}:where(.pic-tags-page) .pic-tags-header{margin-bottom:var(--pic-space-xl)}:where(.pic-tags-page) .pic-tags-header-content{display:flex;align-items:center;gap:var(--pic-space-lg);justify-content:center;text-align:center}:where(.pic-tags-page) .pic-tags-info{display:flex;flex-direction:column;align-items:center;gap:var(--pic-space-sm)}:where(.pic-tags-page) .pic-tags-title{display:inline-flex;align-items:center;gap:var(--pic-space-sm);margin:0}:where(.pic-tags-page) .pic-tags-title .icon{font-size:1.75rem;color:var(--pic-primary-text)}:where(.pic-tags-page) .pic-tags-title{font-size:var(--pic-font-size-2xl);font-weight:700;color:var(--pic-text);margin:0 0 0.25rem}:where(.pic-tags-page) .pic-tags-desc{font-size:var(--pic-font-size-base);color:var(--pic-text-muted);margin:0}:where(.pic-tags-page) .pic-tags-desc strong{color:var(--pic-primary-text)}:where(.pic-tags-page) .pic-section-header{margin-bottom:var(--pic-space-md)}:where(.pic-tags-page) .pic-section-title{display:flex;align-items:center;gap:0.5rem;font-size:var(--pic-font-size-lg);font-weight:600;color:var(--pic-text);margin:0}:where(.pic-tags-page) .pic-section-title .icon{color:var(--pic-primary-text)}:where(.pic-tags-page) .pic-tags-popular{background:var(--pic-bg-card);border-radius:var(--pic-content-radius);padding:var(--pic-space-lg);margin-bottom:var(--pic-space-lg);box-shadow:var(--pic-shadow-sm)}:where(.pic-tags-page) .pic-tags-cloud{display:flex;flex-wrap:wrap;gap:0.625rem}:where(.pic-tags-page) .pic-tag-item{display:inline-flex;align-items:center;justify-content:center;line-height:1;gap:0.3125rem;padding:0.3125rem 0.75rem;background:var(--pic-bg-light);box-shadow:var(--pic-shadow-sm);border-radius:var(--pic-control-radius);color:var(--pic-text);font-size:var(--pic-font-size-sm);transition:all var(--pic-transition);text-decoration:none}:where(.pic-tags-page) .pic-tag-item:hover{background:var(--pic-primary);border-color:var(--pic-primary);color:var(--pic-on-primary);transform:translateY(-0.125rem);box-shadow:var(--pic-shadow-md)}:where(.pic-tags-page) .pic-tag-item:hover .pic-tag-count{background:color-mix(in srgb, var(--pic-on-primary) 20%, transparent);color:var(--pic-on-primary)}:where(.pic-tags-page) .pic-tag-count{display:inline-flex;align-items:center;justify-content:center;font-size:0.75rem;line-height:1;padding:0.125rem 0.375rem;background:var(--pic-bg-body);border-radius:var(--pic-radius-full);color:var(--pic-text-muted);transition:all var(--pic-transition)}:where(.pic-tags-page) .pic-tag-popular.is-top{background:linear-gradient(135deg, rgba(var(--pic-primary-rgb), 0.1), rgba(var(--pic-primary-rgb), 0.05));border-color:var(--pic-primary)}:where(.pic-tags-page) .pic-tag-rank{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--pic-primary);color:var(--pic-on-primary);font-size:0.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}:where(.pic-tags-page) .pic-tag-xl{font-size:var(--pic-font-size-base);padding:0.375rem 1rem;font-weight:600}:where(.pic-tags-page) .pic-tag-lg{font-size:var(--pic-font-size-sm);padding:0.375rem 0.875rem;font-weight:500}:where(.pic-tags-page) .pic-tag-md{font-size:var(--pic-font-size-sm);padding:0.3125rem 0.75rem}:where(.pic-tags-page) .pic-tag-sm{font-size:0.8125rem;padding:0.25rem 0.625rem}:where(.pic-tags-page) .pic-tags-filter{margin-bottom:var(--pic-space-lg)}:where(.pic-tags-page) .pic-filter-bar{display:flex;flex-wrap:wrap;gap:0.5rem;padding:var(--pic-space-md);background:var(--pic-bg-card);border-radius:var(--pic-content-radius);box-shadow:var(--pic-shadow-sm)}:where(.pic-tags-page) .pic-filter-item{min-width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--pic-control-radius);font-size:var(--pic-font-size-sm);font-weight:500;color:var(--pic-text);background:var(--pic-bg-light);border:1px solid transparent;cursor:pointer;transition:all var(--pic-transition);text-decoration:none}:where(.pic-tags-page) .pic-filter-item[data-filter="all"]{padding:0 0.875rem}:where(.pic-tags-page) .pic-filter-item:hover{background:var(--pic-primary-light);color:var(--pic-primary-text)}:where(.pic-tags-page) .pic-filter-item.active{background:var(--pic-primary);color:var(--pic-on-primary)}:where(.pic-tags-page) .pic-filter-item.is-disabled{color:var(--pic-text-muted);background:transparent;opacity:0.35;pointer-events:none;cursor:default}:where(.pic-tags-page) .pic-tag-group{background:var(--pic-bg-card);border-radius:var(--pic-content-radius);padding:var(--pic-space-lg);margin-bottom:var(--pic-space-md);box-shadow:var(--pic-shadow-sm)}:where(.pic-tags-page) .pic-tag-group-header{display:flex;align-items:center;gap:var(--pic-space-sm);margin-bottom:var(--pic-space-md);padding-bottom:var(--pic-space-sm);border-bottom:1px solid var(--pic-border-light)}:where(.pic-tags-page) .pic-tag-group-letter{width:2.5rem;height:2.5rem;border-radius:var(--pic-content-radius);background:var(--pic-primary);color:var(--pic-on-primary);font-size:var(--pic-font-size-lg);font-weight:700;display:flex;align-items:center;justify-content:center}:where(.pic-tags-page) .pic-tag-group-count{font-size:var(--pic-font-size-sm);color:var(--pic-text-muted)}:where(.pic-tags-page) .pic-tag-group-list{display:flex;flex-wrap:wrap;gap:0.625rem}:where(.pic-tags-page) .pic-tags-empty,
:where(.pic-tags-page) .pic-tags-no-result{text-align:center;padding:var(--pic-space-2xl);color:var(--pic-text-muted)}:where(.pic-tags-page) .pic-empty-icon{font-size:3rem;margin-bottom:var(--pic-space-md);opacity:0.5}:root[data-theme="dark"] :where(.pic-tags-page) .pic-tags-popular,
:root[data-theme="dark"] :where(.pic-tags-page) .pic-filter-bar,
:root[data-theme="dark"] :where(.pic-tags-page) .pic-tag-group{background:var(--pic-bg-card)}:root[data-theme="dark"] :where(.pic-tags-page) .pic-tag-item{background:var(--pic-bg-light)}:root[data-theme="dark"] :where(.pic-tags-page) .pic-tag-count{background:rgba(255, 255, 255, 0.1)}@media (max-width: 768px){:where(.pic-tags-page) .pic-tags-title .icon{font-size:1.375rem}:where(.pic-tags-page) .pic-tags-title{font-size:var(--pic-font-size-xl)}:where(.pic-tags-page) .pic-filter-bar{gap:0.375rem;padding:var(--pic-space-sm)}:where(.pic-tags-page) .pic-filter-item{min-width:2rem;height:2rem;font-size:0.8125rem}:where(.pic-tags-page) .pic-tag-group{padding:var(--pic-space-md)}:where(.pic-tags-page) .pic-tag-group-letter{width:2rem;height:2rem;font-size:var(--pic-font-size-base)}:where(.pic-tags-page) .pic-tags-cloud,
    :where(.pic-tags-page) .pic-tag-group-list{gap:0.5rem}:where(.pic-tags-page) .pic-tag-item{padding:0.25rem 0.625rem;font-size:0.75rem;gap:0.25rem}:where(.pic-tags-page) .pic-tag-xl{padding:0.3125rem 0.75rem;font-size:0.8125rem}:where(.pic-tags-page) .pic-tag-lg{padding:0.25rem 0.6875rem;font-size:0.75rem}:where(.pic-tags-page) .pic-tag-md,
    :where(.pic-tags-page) .pic-tag-sm{padding:0.25rem 0.625rem;font-size:0.75rem}:where(.pic-tags-page) .pic-tag-count{font-size:var(--pic-font-size-xs);padding:0.0625rem 0.3125rem}:where(.pic-tags-page) .pic-tag-rank{width:1rem;height:1rem;font-size:var(--pic-font-size-xs)}}