.badge-tool{gap:var(--space-6);flex-direction:column;display:flex}.badge-tool-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:760px){.badge-tool-grid{grid-template-columns:1fr}}.badge-tool-form{gap:var(--space-5);flex-direction:column;margin:0;display:flex}.badge-field{flex-direction:column;gap:6px;display:flex}.badge-field label{color:var(--text);font-size:.95rem;font-weight:600}.badge-field input,.badge-field select{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);padding:10px 12px;font-size:1rem}.badge-field input:focus,.badge-field select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.badge-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.badge-url-preview{color:var(--accent-strong);word-break:break-all;display:inline-block}.badge-tool-preview{gap:var(--space-3);padding:var(--card-pad-lg);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);flex-direction:column;align-items:flex-start;min-height:100%;display:flex}.badge-preview-label{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.badge-tool-preview img{max-width:100%;height:auto;display:block}.badge-snippet{gap:var(--space-3);flex-direction:column;display:flex}.badge-snippet-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.badge-snippet-head label{color:var(--text);font-size:.95rem;font-weight:600}.badge-copy{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;padding:8px 18px;font-size:.9rem;font-weight:600}.badge-copy:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.badge-code{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--night);color:#e6edf3;width:100%;padding:var(--card-pad-md);resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.badge-code:focus{outline:2px solid var(--accent);outline-offset:1px}