.classic-tools-module__juiyhG__page{background:var(--surface-canvas);min-height:100vh;color:var(--text-primary)}.classic-tools-module__juiyhG__main{width:min(1488px,100% - 128px);margin-inline:auto;padding-bottom:80px}.classic-tools-module__juiyhG__hero{text-align:center;flex-direction:column;align-items:center;gap:32px;padding-block:64px 40px;display:flex}.classic-tools-module__juiyhG__hero h1{text-wrap:balance;margin:0;font-size:40px;font-weight:750;line-height:1.25}.classic-tools-module__juiyhG__categories{--tab-scale:1;--tab-gap:24px;--tab-width:1316px;width:min(100%, var(--tab-width));justify-content:center;gap:calc(var(--tab-gap) * var(--tab-scale));margin-inline:auto;flex-wrap:wrap;margin-bottom:48px;display:flex}.classic-tools-module__juiyhG__categoryLink{width:calc(110px * var(--tab-scale));align-items:center;gap:calc(var(--tab-card-gap,12px) * var(--tab-scale));padding:calc(var(--tab-padding-top,21px) * var(--tab-scale)) calc(var(--tab-padding-x,5px) * var(--tab-scale)) calc(var(--tab-padding-bottom,12px) * var(--tab-scale));border:calc(2px * var(--tab-scale)) solid var(--surface-panel);border-radius:calc(16px * var(--tab-scale));background:color-mix(in srgb, var(--surface-panel) 10%, transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-primary);text-align:center;font-size:max(12px, calc(13px * var(--tab-scale)));line-height:calc(20px * var(--tab-scale));letter-spacing:calc(-.2px * var(--tab-scale));flex-direction:column;flex-shrink:0;font-weight:600;text-decoration:none;transition:transform .2s ease-in-out;display:flex}.classic-tools-module__juiyhG__categoryLink img{width:calc(var(--tab-icon-width,64px) * var(--tab-scale));height:calc(var(--tab-icon-height,80px) * var(--tab-scale));object-fit:contain;border-radius:calc(8px * var(--tab-scale));transition:transform .2s ease-in-out}.classic-tools-module__juiyhG__categoryLink:hover{transform:scale(1.06)}.classic-tools-module__juiyhG__categoryLink:hover img{transform:rotate(-5deg)}.classic-tools-module__juiyhG__categoryLink:active{transform:scale(.98)}.classic-tools-module__juiyhG__categoryLink span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.classic-tools-module__juiyhG__sections{flex-direction:column;gap:64px;display:flex}.classic-tools-module__juiyhG__section{scroll-margin-top:88px}.classic-tools-module__juiyhG__section h2{text-align:center;align-items:center;gap:24px;margin:0 0 24px;font-size:20px;font-weight:650;line-height:1.4;display:flex}.classic-tools-module__juiyhG__section h2:before,.classic-tools-module__juiyhG__section h2:after{background:var(--border-soft);content:"";flex:1;height:1px}.classic-tools-module__juiyhG__caseGrid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:24px;width:100%;max-width:1488px;margin-inline:auto;display:grid}.classic-tools-module__juiyhG__caseCard{background:var(--surface-panel);min-width:0;color:var(--text-primary);box-shadow:var(--shadow-card);border:0;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s ease-in-out;display:flex;overflow:hidden}.classic-tools-module__juiyhG__caseCard:hover{transform:scale(1.03)}.classic-tools-module__juiyhG__caseCover{aspect-ratio:4/5;overflow:hidden}.classic-tools-module__juiyhG__caseCover[data-category=e_commerce],.classic-tools-module__juiyhG__caseCover[data-content-type=video]{aspect-ratio:4/3}.classic-tools-module__juiyhG__caseCover[data-category=social]{aspect-ratio:1}.classic-tools-module__juiyhG__caseTitle{border-top:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:49px;padding:12px 16px 0;font-size:15px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.classic-tools-module__juiyhG__caseInfo{justify-content:space-between;align-items:center;min-height:44px;padding:8px 16px 12px;display:flex}.classic-tools-module__juiyhG__caseAuthor,.classic-tools-module__juiyhG__caseLikes{align-items:center;display:flex}.classic-tools-module__juiyhG__caseAvatar{border-radius:50%;width:24px;height:24px;margin-right:8px}.classic-tools-module__juiyhG__caseAuthorName,.classic-tools-module__juiyhG__caseLikes{font-size:12px}.classic-tools-module__juiyhG__caseLikes{color:var(--text-secondary)}.classic-tools-module__juiyhG__caseLikes img{opacity:.3;width:16px;height:16px;margin-right:4px}@media (max-width:1200px){.classic-tools-module__juiyhG__caseAuthorName{display:none}}@media (max-width:600px){.classic-tools-module__juiyhG__caseAvatar{margin-right:0}}.classic-tools-module__juiyhG__categories[data-category-count="11"]{--tab-width:1450px}@media (min-width:1400px) and (max-width:1649px){.classic-tools-module__juiyhG__categories[data-category-count="11"]{--tab-width:1195.4px}}@media (min-width:1400px) and (max-width:1515px){.classic-tools-module__juiyhG__categories[data-category-count="10"]{--tab-width:1085.32px}}@media (min-width:1400px) and (max-width:1649px){.classic-tools-module__juiyhG__categories[data-category-count="11"]{--tab-scale:.86;--tab-gap:18px;--tab-padding-top:15px;--tab-padding-x:3px;--tab-padding-bottom:8px;--tab-card-gap:7px;--tab-icon-width:76px;--tab-icon-height:95px}}@media (min-width:1400px) and (max-width:1515px){.classic-tools-module__juiyhG__categories[data-category-count="10"]{--tab-scale:.86;--tab-gap:18px;--tab-padding-top:15px;--tab-padding-x:3px;--tab-padding-bottom:8px;--tab-card-gap:7px;--tab-icon-width:76px;--tab-icon-height:95px}}@media (min-width:900px) and (max-width:1399px){.classic-tools-module__juiyhG__categories[data-category-count]{--tab-width:780px;--tab-scale:.96}}@media (min-width:769px) and (max-width:899px){.classic-tools-module__juiyhG__categories[data-category-count]{--tab-width:512px;--tab-scale:.92}}.classic-tools-module__juiyhG__categoryLink:focus-visible,.classic-tools-module__juiyhG__caseCard:focus-visible,.classic-tools-module__juiyhG__skipLink:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}.classic-tools-module__juiyhG__skipLink{z-index:100;background:var(--surface-panel);color:var(--text-primary);border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.classic-tools-module__juiyhG__skipLink:focus{transform:none}@media (max-width:1440px){.classic-tools-module__juiyhG__main{width:calc(100% - 48px)}.classic-tools-module__juiyhG__caseGrid{gap:20px;max-width:1240px}}@media (max-width:900px){.classic-tools-module__juiyhG__caseGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:716px}}@media (max-width:768px){.classic-tools-module__juiyhG__categories[data-category-count]{--tab-scale:1;width:100%}.classic-tools-module__juiyhG__main{width:calc(100% - 24px)}.classic-tools-module__juiyhG__categories{gap:16px}.classic-tools-module__juiyhG__categoryLink{border-radius:12px;gap:6px;width:calc(20% - 12.8px);padding:8px 4px;font-size:10px;line-height:1.25}.classic-tools-module__juiyhG__categoryLink img{width:34px;height:42px}.classic-tools-module__juiyhG__caseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:100%}}@media (max-width:600px){.classic-tools-module__juiyhG__main{width:calc(100% - 24px);padding-bottom:40px}.classic-tools-module__juiyhG__hero{gap:24px;padding-block:36px 24px}.classic-tools-module__juiyhG__hero h1{font-size:28px}.classic-tools-module__juiyhG__categories{margin-bottom:32px}.classic-tools-module__juiyhG__caseGrid{gap:8px}.classic-tools-module__juiyhG__caseCard{border-radius:10px}.classic-tools-module__juiyhG__sections{gap:28px}.classic-tools-module__juiyhG__section h2{gap:8px;margin-bottom:14px;font-size:16px;font-weight:500}}@media (max-width:480px){.classic-tools-module__juiyhG__categories{gap:10px}.classic-tools-module__juiyhG__categoryLink{letter-spacing:0;width:calc(20% - 8px);padding:8px 4px 6px;font-size:9px}.classic-tools-module__juiyhG__categoryLink img{width:38px;height:48px}.classic-tools-module__juiyhG__main{width:calc(100% - 20px)}}@media (max-width:360px){.classic-tools-module__juiyhG__categories{gap:8px}.classic-tools-module__juiyhG__categoryLink{gap:5px;width:calc(20% - 6.4px);padding:6px 3px 5px}.classic-tools-module__juiyhG__categoryLink img{width:34px;height:42px}}@media (prefers-reduced-motion:reduce){.classic-tools-module__juiyhG__categoryLink,.classic-tools-module__juiyhG__categoryLink img,.classic-tools-module__juiyhG__caseCard{transition:none}}