.tf-field-generator{margin:1.5rem 0;border-radius:12px;background:var(--bg-secondary);border:1px solid rgba(var(--accent-rgb),.25);overflow:hidden}.tf-field-generator__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(var(--accent-rgb),.08);border-bottom:1px solid var(--border)}[data-theme=light] .tf-field-generator__header{background:rgba(var(--accent-rgb),.06)}.tf-field-generator__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.15);color:var(--accent)}[data-theme=light] .tf-field-generator__icon{background:#2d32321a;color:var(--accent)}.tf-field-generator__icon svg{width:18px;height:18px}.tf-field-generator__title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}p.tf-field-generator__subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.tf-field-generator__body{padding:1.25rem}.tf-field-generator__inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:500px){.tf-field-generator__inputs{grid-template-columns:1fr}}.tf-field-generator__input-group{display:flex;flex-direction:column;gap:.4rem}.tf-field-generator__label{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.tf-field-generator__label-hint{font-weight:400;color:var(--text-secondary)}.tf-field-generator__input{padding:.65rem .85rem;font-size:.9rem;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.tf-field-generator__input::placeholder{color:var(--text-muted);font-family:inherit}.tf-field-generator__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}[data-theme=light] .tf-field-generator__input:focus{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.tf-field-generator__result{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.tf-field-generator__result-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.tf-field-generator__result-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease}.tf-field-generator__result-box--has-value{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.05)}[data-theme=light] .tf-field-generator__result-box--has-value{background:rgba(var(--accent-rgb),.04)}.tf-field-generator__result-value{flex:1;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.95rem;color:var(--text-primary);font-weight:600;word-break:break-all}.tf-field-generator__result-placeholder{color:var(--text-muted);font-weight:400;font-style:italic}.tf-field-generator__copy-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}[data-theme=light] .tf-field-generator__copy-btn{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.tf-field-generator__copy-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.4)}.tf-field-generator__copy-btn:disabled{opacity:.5;cursor:not-allowed}.tf-field-generator__copy-btn svg{width:14px;height:14px}.tf-field-generator__copy-btn--copied{background:rgba(var(--accent-rgb),.25)}.tf-field-generator__arrow{display:none;align-items:center;justify-content:center;color:var(--text-secondary);padding:0 .5rem}@media(min-width:501px){.tf-field-generator__inputs{grid-template-columns:1fr auto 1fr}.tf-field-generator__arrow{display:flex;align-self:flex-end;padding-bottom:.85rem}}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}code[class*=language-],pre[class*=language-]{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}pre[class*=language-]{background-color:#1a1d1d;border:1px solid rgba(var(--accent-rgb),.2);border-radius:10px;padding:1.25rem 1.5rem;margin:1.5rem 0}:not(pre)>code[class*=language-]{background-color:rgba(var(--accent-rgb),.15);padding:.2em .45em;border-radius:4px}[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{color:#393a34}[data-theme=light] pre[class*=language-]{background-color:#f5f5f5;border-color:#2d323226}[data-theme=light] :not(pre)>code[class*=language-]{background-color:#2d32321a}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata,[data-theme=light] .token.block-comment{color:green}[data-theme=light] .token.punctuation{color:#393a34}[data-theme=light] .token.tag,[data-theme=light] .token.attr-name,[data-theme=light] .token.namespace,[data-theme=light] .token.deleted{color:#9a050f}[data-theme=light] .token.function-name{color:#00f}[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.function{color:#098658}[data-theme=light] .token.property,[data-theme=light] .token.class-name,[data-theme=light] .token.constant,[data-theme=light] .token.symbol{color:#795e26}[data-theme=light] .token.selector,[data-theme=light] .token.important,[data-theme=light] .token.atrule,[data-theme=light] .token.keyword,[data-theme=light] .token.builtin{color:#00f}[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.attr-value,[data-theme=light] .token.regex,[data-theme=light] .token.variable{color:#a31515}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url{color:#393a34}[data-theme=light] .token.inserted{color:#098658}.tf-code-wrapper pre[class*=language-],.code-bracket pre[class*=language-]{background:transparent;background-color:transparent;border:none;border-radius:0;padding:0 60px 0 0;margin:0}[data-theme=light] .tf-code-wrapper pre[class*=language-],[data-theme=light] .code-bracket pre[class*=language-]{background:transparent;background-color:transparent}