.tools-module__oCstcq__page{background:var(--bg);width:100%;min-height:100vh;color:var(--text-primary)}.tools-module__oCstcq__header{z-index:40;border-bottom:1px solid color-mix(in srgb,var(--border)72%,transparent);background:color-mix(in srgb,var(--bg)88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:68px;padding:0 18px;display:grid;position:sticky;top:0}.tools-module__oCstcq__logoWrap{align-items:center;width:160px;height:36px;display:flex;position:relative}.tools-module__oCstcq__logoImg{object-fit:contain;width:auto;height:100%}.tools-module__oCstcq__logoHidden{display:none}.tools-module__oCstcq__nav{justify-self:center;align-items:center;gap:30px;display:inline-flex}.tools-module__oCstcq__nav a{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.tools-module__oCstcq__nav a:hover,.tools-module__oCstcq__nav a[aria-current=page]{color:var(--text-primary)}.tools-module__oCstcq__headerActions{align-items:center;gap:8px;display:inline-flex}.tools-module__oCstcq__themeToggle{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface)88%,transparent);width:38px;height:38px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.tools-module__oCstcq__themeToggle:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent)44%,var(--border-strong))}.tools-module__oCstcq__primaryBtn{border:1px solid color-mix(in srgb,var(--accent-hover)70%,black 12%);color:#fff;background:linear-gradient(140deg,var(--accent-hover),color-mix(in srgb,var(--accent-hover)82%,black 18%));white-space:nowrap;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s}.tools-module__oCstcq__primaryBtn:hover{filter:brightness(1.06)}.tools-module__oCstcq__main{width:100%;max-width:1040px;margin:0 auto;padding:56px 24px 96px}.tools-module__oCstcq__breadcrumb{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:22px;font-size:13px;display:flex}.tools-module__oCstcq__breadcrumb a{color:var(--text-muted);text-decoration:none}.tools-module__oCstcq__breadcrumb a:hover{color:var(--text-primary)}.tools-module__oCstcq__hero{max-width:760px;margin:0 0 36px}.tools-module__oCstcq__heroCentered{text-align:center;margin-left:auto;margin-right:auto}.tools-module__oCstcq__title{letter-spacing:-.03em;margin-bottom:14px;font-size:42px;font-weight:700;line-height:1.1}.tools-module__oCstcq__subtitle{color:var(--text-secondary);font-size:17px;line-height:1.7}.tools-module__oCstcq__toolCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px}.tools-module__oCstcq__split{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.tools-module__oCstcq__preview{border:1px solid var(--border);border-radius:16px;min-height:280px;overflow:hidden}.tools-module__oCstcq__controls{flex-direction:column;gap:16px;display:flex}.tools-module__oCstcq__field{flex-direction:column;gap:7px;display:flex}.tools-module__oCstcq__label{color:var(--text-secondary);font-size:13px;font-weight:600}.tools-module__oCstcq__row{align-items:center;gap:10px;display:flex}.tools-module__oCstcq__input,.tools-module__oCstcq__select{background:color-mix(in srgb,var(--surface)72%,transparent);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}.tools-module__oCstcq__input:focus,.tools-module__oCstcq__select:focus{border-color:color-mix(in srgb,var(--accent)55%,var(--border));outline:none}.tools-module__oCstcq__mono{font-family:var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace)}.tools-module__oCstcq__colorInput{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;flex:none;width:44px;height:38px;padding:0}.tools-module__oCstcq__range{width:100%;accent-color:var(--accent)}.tools-module__oCstcq__segmented{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)72%,transparent);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.tools-module__oCstcq__segment{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.tools-module__oCstcq__segmentActive{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tools-module__oCstcq__smallBtn{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)72%,transparent);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.tools-module__oCstcq__smallBtn:hover{color:var(--text-primary);border-color:var(--border-strong)}.tools-module__oCstcq__output{margin-top:22px}.tools-module__oCstcq__codeBlock{background:color-mix(in srgb,var(--surface)60%,var(--bg));border:1px solid var(--border);font-family:var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:16px;font-size:13px;line-height:1.6;display:block;position:relative;overflow-x:auto}.tools-module__oCstcq__codeHead{justify-content:space-between;align-items:center;margin:18px 0 8px;display:flex}.tools-module__oCstcq__codeLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.tools-module__oCstcq__copyBtn{border:1px solid var(--border);background:color-mix(in srgb,var(--surface)72%,transparent);color:var(--text-secondary);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tools-module__oCstcq__copyBtn:hover{color:var(--text-primary);border-color:var(--border-strong)}.tools-module__oCstcq__dropzone{border:1.5px dashed color-mix(in srgb,var(--border-strong)80%,transparent);text-align:center;cursor:pointer;background:color-mix(in srgb,var(--surface)50%,transparent);border-radius:16px;padding:40px 20px;transition:all .15s}.tools-module__oCstcq__dropzone:hover,.tools-module__oCstcq__dropzoneActive{border-color:color-mix(in srgb,var(--accent)55%,var(--border-strong));background:color-mix(in srgb,var(--accent)6%,var(--surface))}.tools-module__oCstcq__dropHint{color:var(--text-muted);margin-top:6px;font-size:13px}.tools-module__oCstcq__swatchPreview{width:100%;height:100%;min-height:280px}.tools-module__oCstcq__content{max-width:760px;margin:64px 0 0}.tools-module__oCstcq__contentCentered{margin-left:auto;margin-right:auto}.tools-module__oCstcq__content h2{letter-spacing:-.02em;margin:40px 0 14px;font-size:26px;font-weight:700}.tools-module__oCstcq__content h3{margin:24px 0 8px;font-size:18px;font-weight:600}.tools-module__oCstcq__content p{color:var(--text-secondary);margin-bottom:14px;font-size:16px;line-height:1.75}.tools-module__oCstcq__content ul,.tools-module__oCstcq__content ol{color:var(--text-secondary);margin-bottom:14px;padding-left:22px;font-size:16px;line-height:1.75}.tools-module__oCstcq__content li{margin-bottom:6px}.tools-module__oCstcq__content a{color:var(--accent);font-weight:600;text-decoration:none}.tools-module__oCstcq__content a:hover{text-decoration:underline}.tools-module__oCstcq__content a.tools-module__oCstcq__primaryBtn{color:#fff}.tools-module__oCstcq__content a.tools-module__oCstcq__primaryBtn:hover{text-decoration:none}.tools-module__oCstcq__faq{border-top:1px solid var(--border);margin-top:8px}.tools-module__oCstcq__faqItem{border-bottom:1px solid var(--border);padding:18px 0}.tools-module__oCstcq__faqQ{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.tools-module__oCstcq__faqA{color:var(--text-secondary);font-size:15px;line-height:1.7}.tools-module__oCstcq__ctaCard{border:1px solid color-mix(in srgb,var(--accent)28%,var(--border));background:color-mix(in srgb,var(--accent)7%,var(--surface));border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding:28px;display:flex}.tools-module__oCstcq__ctaText strong{color:var(--text-primary);margin-bottom:4px;font-size:18px;display:block}.tools-module__oCstcq__ctaText span{color:var(--text-secondary);font-size:14px}.tools-module__oCstcq__toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tools-module__oCstcq__toolTile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px;text-decoration:none;transition:all .15s;display:block}.tools-module__oCstcq__toolTile:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border));transform:translateY(-2px)}.tools-module__oCstcq__toolIcon{background:color-mix(in srgb,var(--accent)12%,var(--surface));width:42px;height:42px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.tools-module__oCstcq__toolTileName{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.tools-module__oCstcq__toolTileDesc{color:var(--text-secondary);font-size:14px;line-height:1.6}.tools-module__oCstcq__footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg)92%,transparent)}.tools-module__oCstcq__footerInner{max-width:1040px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 24px;font-size:14px;display:flex}.tools-module__oCstcq__footerLinks{flex-wrap:wrap;gap:20px;display:inline-flex}.tools-module__oCstcq__footerLinks a{color:var(--text-secondary);text-decoration:none}.tools-module__oCstcq__footerLinks a:hover{color:var(--text-primary)}@media (max-width:860px){.tools-module__oCstcq__header{grid-template-columns:auto 1fr auto}.tools-module__oCstcq__nav{display:none}.tools-module__oCstcq__split,.tools-module__oCstcq__toolGrid{grid-template-columns:1fr}.tools-module__oCstcq__ctaCard{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.tools-module__oCstcq__main{padding:36px 16px 64px}.tools-module__oCstcq__title{font-size:30px}}