#developer-tool{display:grid;gap:18px} .dt-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.dt-controls label{display:grid;gap:6px;font-size:.9rem}.dt-controls input,.dt-controls select{max-width:100%;padding:9px;border:1px solid var(--cm-border,#d1d5db);border-radius:8px;background:var(--cm-card,#fff);color:var(--cm-text,#18202f)}.dt-panes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dt-panes label{display:grid;gap:8px;min-width:0}#developer-tool textarea,#developer-tool pre{width:100%;min-height:300px;max-height:650px;overflow:auto;padding:16px;border:1px solid var(--cm-border,#d1d5db);border-radius:12px;background:var(--cm-card,#fff);color:var(--cm-text,#18202f);font:13px/1.65 'JetBrains Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}#developer-tool textarea:focus{outline:2px solid #6366f1} .dt-status{min-height:24px;color:var(--cm-muted,#64748b)}.dt-status[data-error=true]{color:#dc2626}.dt-preview{min-height:240px;padding:20px;border:1px dashed #6366f1;border-radius:12px;overflow:auto}.dt-preview span{padding:20px;background:#6366f1;color:white;border-radius:8px;text-align:center}.dt-image{display:grid;gap:12px;padding:16px;border:1px solid #a1a1aa;border-radius:12px}.dt-image img{max-width:100%;max-height:200px;object-fit:contain}.dt-added{color:#15803d}.dt-removed{color:#dc2626}@media(max-width:700px){.dt-panes{grid-template-columns:1fr}.dt-controls label{width:100%}#developer-tool textarea,#developer-tool pre{min-height:220px}}

.dt-frame{width:100%;min-height:360px;border:1px solid var(--cm-border,#d1d5db);border-radius:12px;background:white}.dt-swatch{height:70px;border:1px solid var(--cm-border,#d1d5db);border-radius:12px}

.dt-file-list{display:grid;gap:10px}.dt-file-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid var(--cm-border,#d1d5db);border-radius:10px}.dt-file-row span{flex:1;min-width:min(180px,100%);overflow-wrap:anywhere}.dt-pdf-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}