.ufx-tool-page{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.ufx-tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.ufx-tool-main{display:grid;gap:22px}.ufx-tool-sidebar{display:grid;gap:18px;position:sticky;top:98px}.ufx-tool-header{background:linear-gradient(135deg,#fff,#f8fbff)}.ufx-tool-title-row{display:flex;align-items:center;gap:18px}.ufx-tool-title-icon{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#ecfeff);display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--ufx-primary)}.ufx-tool-header h1{margin:0 0 8px}.ufx-tool-header p{color:var(--ufx-muted);font-size:1.05rem}.ufx-tool-box .ufx-card-body{padding:28px}.ufx-tool-interface{width:100%}.ufx-dropzone{border:2px dashed #bfdbfe;background:#f8fbff;border-radius:18px;padding:36px;text-align:center;cursor:pointer;transition:var(--ufx-transition)}.ufx-dropzone:hover{border-color:var(--ufx-primary);background:#eff6ff}.ufx-tool-content:empty{display:none}.ufx-tool-content{line-height:1.8}.ufx-tool-content h2,.ufx-tool-content h3{margin-top:1.4em}.ufx-result-item{text-align:center;background:#fff;border:1px solid var(--ufx-border);border-radius:12px;padding:16px}.ufx-tabs .ufx-btn{margin-bottom:6px}.ufx-color-input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ufx-image-preview-box{background:#fff;border:1px solid var(--ufx-border);border-radius:14px;padding:16px}.ufx-tool-sidebar code{display:block;white-space:normal;word-break:break-word;margin:10px 0}.ufx-table-wrap{overflow-x:auto}.ufx-table{width:100%;border-collapse:collapse;font-size:14px}.ufx-table th,.ufx-table td{padding:10px 12px;border-bottom:1px solid var(--ufx-border)}.ufx-table th{background:#f8fafc;text-align:left;color:var(--ufx-heading)}textarea.ufx-input{min-height:170px}.ufx-tool-interface button{font-family:var(--ufx-font)}@media(max-width:980px){.ufx-tool-layout{grid-template-columns:1fr}.ufx-tool-sidebar{position:static}.ufx-tool-title-row{align-items:flex-start}.ufx-tool-title-icon{width:58px;height:58px;font-size:28px}.ufx-tool-box .ufx-card-body{padding:20px}}@media(max-width:640px){.ufx-tool-title-row{display:block}.ufx-tool-title-icon{margin-bottom:14px}.ufx-dropzone{padding:24px}.ufx-color-input-row{grid-template-columns:1fr}}

/* v3.1 Growth upgrades: smart finder, SEO content, copyable shortcode UX */
.ufx-tool-finder{margin:0 auto;max-width:980px}.ufx-tool-finder-box{background:#fff;border:1px solid var(--ufx-border);border-radius:18px;box-shadow:var(--ufx-shadow-md);padding:18px}.ufx-tool-finder.is-compact .ufx-tool-finder-box{padding:12px;border-radius:14px;box-shadow:none}.ufx-tool-finder-search{display:flex;align-items:center;gap:10px;background:var(--ufx-bg);border:1px solid var(--ufx-border);border-radius:14px;padding:8px 8px 8px 14px}.ufx-tool-finder-search span{font-size:20px}.ufx-tool-finder-search input{border:0;background:transparent;outline:0;width:100%;min-height:42px;font:inherit;color:var(--ufx-heading)}.ufx-tool-finder-filters,.ufx-popular-searches{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.ufx-tool-finder-filters button,.ufx-popular-searches button,.ufx-popular-searches a{border:1px solid var(--ufx-border);background:#fff;color:var(--ufx-muted);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;text-decoration:none}.ufx-tool-finder-filters button.is-active,.ufx-tool-finder-filters button:hover,.ufx-popular-searches button:hover,.ufx-popular-searches a:hover{border-color:var(--ufx-primary);color:var(--ufx-primary);background:color-mix(in srgb,var(--ufx-primary) 8%,#fff)}.ufx-popular-searches span{font-size:13px;color:var(--ufx-muted);font-weight:700}.ufx-tool-finder-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}.ufx-tool-finder-item{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--ufx-border);border-radius:14px;padding:12px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}.ufx-tool-finder-item:hover{transform:translateY(-2px);box-shadow:var(--ufx-shadow-md);border-color:var(--ufx-primary)}.ufx-tool-finder-icon{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;background:var(--ufx-bg);font-size:20px}.ufx-tool-finder-item strong{display:block;color:var(--ufx-heading);font-size:15px}.ufx-tool-finder-item small{display:block;color:var(--ufx-muted);font-size:12px;line-height:1.45;margin-top:3px}.ufx-tool-finder-item em{font-style:normal;background:var(--ufx-primary);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px;margin-left:auto}.ufx-tool-finder-empty{color:var(--ufx-muted);margin:12px 0 0}.ufx-check-list{margin:12px 0 0;padding-left:0;list-style:none}.ufx-check-list li{position:relative;margin:8px 0;padding-left:28px}.ufx-check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--ufx-primary);font-weight:800}.ufx-img-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}.ufx-img-metric{background:var(--ufx-bg);border:1px solid var(--ufx-border);border-radius:12px;padding:10px}.ufx-img-metric strong{display:block;color:var(--ufx-heading)}.ufx-img-metric span{font-size:12px;color:var(--ufx-muted)}.ufx-copy-shortcode{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;border:1px solid #c3c4c7;border-radius:6px;background:#fff;cursor:pointer;font-size:12px}@media(max-width:640px){.ufx-tool-finder-search{display:grid;grid-template-columns:auto 1fr}.ufx-tool-finder-search .ufx-btn{grid-column:1 / -1;width:100%}.ufx-tool-finder-results{grid-template-columns:1fr}}