.free-page{padding-block:44px 82px}
.free-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:26px}
.free-intro{max-width:610px}
.free-intro h1{font-size:clamp(42px,4.1vw,54px);line-height:1.12;letter-spacing:-2px;margin:16px 0}
.free-intro h1 span{color:var(--red)}
.free-intro>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:560px}
.free-search{display:grid;gap:10px;width:285px;flex-shrink:0}
.free-search>label{font-size:11px;font-weight:600;color:#b4afba}
.free-search-field{position:relative}
.free-search-field svg{position:absolute;top:15px;left:15px;width:18px;height:18px;fill:none;stroke:#9b919d;stroke-width:1.7;pointer-events:none}
.free-search input{width:100%;height:48px;padding:12px 14px 12px 43px;border:1px solid #38313c;border-radius:10px;background:#131217;color:var(--text);font-size:12px}
.free-search input::placeholder{color:#8a8291}
.free-collection-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:0 0 21px;color:#9d939f;font:10px monospace;letter-spacing:1.2px}
.free-collection-meta i{height:3px;width:3px;background:var(--red);border-radius:50%}
.free-showcase-note{display:flex;align-items:center;gap:10px;padding:13px 16px;margin:0 0 25px;border:1px solid #382832;border-radius:9px;background:#181217;color:#b6a7b2;font-size:11px;line-height:1.7}
.free-showcase-note>span{color:#ff8f9d;font-size:17px}
.free-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.free-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #302b35;border-radius:14px;background:#111115;transition:transform .2s,border-color .2s}
.free-card:hover{transform:translateY(-4px);border-color:#6e424f}
.free-card-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #2d2630;background:radial-gradient(ellipse at 50% 110%,#79304444,transparent 75%),#0b0b0f}
.free-card-art img{width:58%;height:91%;object-fit:contain;opacity:.94;mix-blend-mode:screen}
.free-card-badges{position:absolute;inset:13px 13px auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.free-badge{padding:5px 8px;border:1px solid #485d4e;border-radius:5px;background:#183020;color:#b4f1c5;font:700 8px monospace;letter-spacing:.7px}
.free-new{margin-left:auto;padding:5px 8px;border:1px solid #ff7f8b;border-radius:999px;background:var(--red);color:#200b0e;font:700 8px monospace;letter-spacing:.8px}
.free-card-body{display:flex;flex-direction:column;flex:1;padding:19px 18px 0}
.free-card h2{font-size:15px;letter-spacing:-.15px;line-height:1.45;margin:0 0 11px;font-weight:650}
.free-card p{font-size:11px;line-height:1.8;color:#a59aa8;margin:0 0 19px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.free-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #302631;margin-top:auto;padding:14px 0}
.free-card-footer>span{font:8px monospace;letter-spacing:.9px;color:#827887}
.free-card-footer button{display:flex;align-items:center;gap:13px;border:0;background:none;padding:4px 0 4px 8px;font-size:11px;font-weight:600;color:#eee4ec}
.free-card-footer button:hover{color:#ff8b99}
.free-card-footer button>span[aria-hidden]{color:#fa7789;font-size:16px}
.free-empty{border:1px dashed #4a3442;border-radius:13px;padding:48px 24px;text-align:center;background:#141016}
.free-empty h2{font-size:22px;margin:0 0 12px}
.free-empty p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px}
.free-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:26px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.free-tool-dialog{position:fixed;width:min(840px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 36px);overflow:auto;margin:auto;padding:26px;border:1px solid #5e3b48;border-radius:18px;background:#131116;color:var(--text);box-shadow:0 30px 110px #000b}
.free-tool-dialog::backdrop{background:#050407cb;backdrop-filter:blur(7px)}
.free-dialog-close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid #65515f;border-radius:9px;background:#221a24;color:#fff;font-size:25px;line-height:1}
.free-dialog-close:hover{background:#45252e}
.free-dialog-image{aspect-ratio:16/8;display:grid;place-items:center;margin:0 0 25px;overflow:hidden;border:1px solid #3f2b37;border-radius:12px;background:radial-gradient(ellipse at 50% 120%,#7d2c4244,transparent 75%),#09090c}
.free-dialog-image img{height:90%;width:50%;object-fit:contain;max-height:350px;mix-blend-mode:screen}
.free-dialog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px}
.free-dialog-meta>span:last-child{font:9px monospace;letter-spacing:1px;color:#9b8c9d}
.free-tool-dialog h2{font-size:clamp(25px,3.3vw,39px);line-height:1.2;letter-spacing:-1px;margin:0 0 16px}
.free-dialog-description{font-size:13px;color:#bfb1c1;line-height:1.8;margin:0 0 23px;max-width:650px}
.free-download-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #41313e;border-radius:11px;background:#1c161f;padding:18px 20px}
.free-download-row strong{display:block;font:9px monospace;letter-spacing:1px;color:#dec9dc;margin-bottom:8px}
.free-download-row p{font-size:11px;color:#ad9eaf;line-height:1.7;margin:0}
.free-download-row button{flex-shrink:0;min-width:128px;padding:12px 18px;border:1px solid #4c3d4b;border-radius:7px;background:#2a222c;color:#a195a5;font-size:12px;font-weight:600}
@media(max-width:1050px){.free-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.free-page-heading{gap:25px}.free-search{width:260px}}
@media(max-width:800px){.free-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-page-heading{align-items:flex-start;flex-direction:column;gap:25px}.free-search{width:100%;max-width:500px}.free-intro h1{font-size:48px}.free-page{padding-top:43px}}
@media(max-width:540px){.free-page{padding-block:35px 55px}.free-intro h1{font-size:42px;letter-spacing:-1.5px}.free-intro>p{font-size:13px}.free-grid{grid-template-columns:1fr}.free-filter{padding:9px 13px;font-size:10px}.free-card-art img{width:49%}.free-card h2{font-size:18px}.free-card p{font-size:12px}.free-card-footer button{font-size:12px}.free-tool-dialog{padding:18px;max-height:calc(100dvh - 24px);border-radius:13px}.free-dialog-image{aspect-ratio:16/10}.free-dialog-image img{width:65%}.free-tool-dialog h2{font-size:28px}.free-dialog-close{top:10px;right:10px}.free-download-row{align-items:flex-start;flex-direction:column;gap:16px;padding:17px}.free-download-row button{width:100%}}
@media(prefers-reduced-motion:reduce){.free-card,.free-filter{transition:none}.free-card:hover{transform:none}}
