.blog-marketing.tools-shell{--bg:hsl(var(--background));--bg-alt:hsl(var(--background));--card:hsl(var(--card));--brand:hsl(var(--primary));--brand-h:hsl(var(--primary));--text:hsl(var(--foreground));--sub:hsl(var(--muted-foreground));--border:hsl(var(--border));--nav-bg:hsl(var(--background)/0.96);--shadow:hsl(var(--primary)/0.16);--tag-bg:hsl(var(--primary)/0.12);--cta-bg:hsl(var(--foreground));--cta-text:hsl(var(--background));--btn-text:hsl(var(--primary-foreground));font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground))}.blog-marketing.tools-shell .article{max-width:1160px;padding-bottom:64px}.blog-marketing.tools-shell .nav-theme-switch button{width:36px;height:36px;border-radius:8px;color:inherit}.blog-marketing .article h1,.blog-marketing .container h1,.blog-marketing .meta,.blog-marketing .tools-card-body h2,.blog-marketing .tools-card-body p{word-spacing:normal;letter-spacing:normal}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tools-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.tools-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--shadow)}.tools-card-cover{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(201,168,76,.16),rgba(26,26,26,.06));display:flex;align-items:center;justify-content:center;overflow:hidden}.tools-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tools-card-body{padding:1.1rem 1.2rem 1.25rem}.tools-card-body h2{margin:0 0 .45rem;font-size:1.15rem}.tools-card-body p{margin:0;color:var(--sub);line-height:1.55;font-size:.95rem}.tools-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.tools-chip{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;background:var(--tag-bg);color:var(--brand-h)}.tools-hero{text-align:center;padding:.25rem 0 1.75rem}.blog-marketing.tools-shell .tools-hero h1{max-width:18ch;margin:0 auto;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.blog-marketing.tools-shell .tools-hero .meta{max-width:40rem;margin:.85rem auto 0;font-size:1.05rem;line-height:1.6;color:var(--sub)}.tools-workspace{margin-top:0;padding:1.5rem;border:1px solid var(--border);border-radius:18px;background:hsl(var(--muted))}.tools-workspace h2{margin:0 0 .75rem}.tools-details{margin-top:2.75rem}.tools-faq{margin-top:2rem}.tools-workbench{display:grid;gap:1rem}.tools-workbench-form,.tools-workbench-result{min-width:0;background:hsl(var(--card));border:1px solid var(--border);border-radius:16px;padding:1.15rem 1.2rem 1.3rem}.tools-workbench-result{display:flex;flex-direction:column;min-height:280px}.tools-result-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.tools-result-head h3{margin:0;font-size:.95rem;font-weight:700}.tools-download-btn{display:inline-flex;align-items:center;gap:.4rem;min-width:auto;padding:8px 14px}.tools-result-frame{display:flex;flex:1;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:hsl(var(--background))}.tools-result-frame img,.tools-result-frame video{display:block;max-width:100%;max-height:min(72vh,720px);-o-object-fit:contain;object-fit:contain}.tools-result-empty{display:flex;flex:1;align-items:center;justify-content:center;min-height:240px;padding:1.25rem;border:1.5px dashed var(--border);border-radius:12px;background:hsl(var(--background));color:var(--sub);text-align:center;line-height:1.5}@media (min-width:900px){.tools-workbench{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.tools-workbench-result{position:sticky;top:80px;min-height:420px}}.blog-marketing .tools-quick-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;margin-bottom:1rem;padding:.7rem 1rem;border:1px solid hsl(var(--primary));border-radius:10px;background:hsl(var(--primary)/.12);color:hsl(var(--primary));font:inherit;font-weight:700;cursor:pointer}.blog-marketing .tools-quick-btn:hover{background:hsl(var(--primary)/.2)}.tools-quick-field{display:grid;gap:.4rem;font-size:.85rem;font-weight:600}.tools-quick-field textarea{width:100%;min-height:140px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--input));color:hsl(var(--foreground));padding:.65rem .75rem;font:inherit;font-weight:400;resize:vertical}.tools-quick-status{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.85rem;color:hsl(var(--muted-foreground))}.tools-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.tools-form input[type=text],.tools-form input[type=url],.tools-form select,.tools-form textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:hsl(var(--input));color:var(--text);padding:.65rem .75rem;font:inherit}.tools-form textarea{min-height:110px;resize:vertical}.tools-form .field{margin-bottom:1rem}.tools-field-hint{margin:-.15rem 0 .45rem;font-size:.78rem;font-weight:500;color:var(--sub)}.tools-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.tools-prompt-head label{margin-bottom:0}.blog-marketing .tools-prompt-btn{display:inline-flex;align-items:center;gap:.3rem;height:28px;padding:0 10px;border:1px solid hsl(var(--primary)/.45);border-radius:999px;background:hsl(var(--primary)/.12);color:hsl(var(--primary));font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.blog-marketing .tools-prompt-btn:hover:not(:disabled){background:hsl(var(--primary)/.2)}.blog-marketing .tools-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.tools-form-row{display:grid;gap:.85rem}@media (min-width:640px){.tools-form-row{grid-template-columns:1fr 1fr}.tools-form-row-3{grid-template-columns:1fr 1fr 1fr}}.tools-style-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:hsl(var(--input));color:var(--text);font:inherit;font-weight:500;text-align:left;cursor:pointer}.tools-style-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-drop{position:relative;display:block;border:1.5px dashed color-mix(in srgb,var(--border) 55%,var(--text));border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;color:var(--sub);background:hsl(var(--input))}.tools-drop.is-uploading{cursor:wait}.tools-drop.has-file{border-style:solid}.tools-drop-clear{display:inline-flex;align-items:center;gap:.3rem;margin-top:.45rem;padding:0;border:0;background:none;color:var(--sub);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.tools-drop-clear:hover{color:var(--text)}.tools-drop img{max-height:220px;max-width:100%;border-radius:8px}.tools-upload-progress{margin-top:.85rem}.tools-upload-progress p{margin:0 0 .4rem;font-size:.8rem;font-weight:600;color:var(--text)}.tools-upload-track{height:6px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--brand) 16%,var(--border))}.tools-upload-track i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .16s ease}.tools-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.blog-marketing .tools-actions .btn-primary{display:inline-flex;align-items:center;gap:.4rem}.tools-result img{max-width:100%;border-radius:12px}.tools-cast-grid{display:grid;gap:.85rem}.tools-cast-card{border:1px solid var(--border);border-radius:12px;padding:.85rem}.tools-error{color:hsl(var(--destructive));font-size:.9rem}.tools-history-list{display:grid;gap:.85rem}