.icon-tool{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans KR",sans-serif;line-height:1.5;color:#111;background:#fafafa;padding:16px}.icon-tool.dark{color:#eaeaea;background:#121212}.it-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.it-header h1{margin:0;font-size:20px}.it-header .stars{font-weight:700;color:#ff7a00}.it-actions{display:flex;gap:8px}.it-grid{display:flex;gap:16px;flex-wrap:wrap}.panel{flex:1 1 400px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;min-width:280px}.icon-tool.dark .panel{background:#1b1b1b;border-color:#333}h2{margin:8px 0 12px;font-size:16px}.dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;background:#f8fafc;cursor:pointer}.icon-tool.dark .dropzone{border-color:#3a3a3a;background:#171717}.dropzone:hover,.dropzone:focus{outline:2px solid #60a5fa}.dropzone p{margin:0 0 8px}.dropzone input[type=file]{display:block;margin:8px auto 0}.or{text-align:center;color:#6b7280;margin:8px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.label{font-size:12px;color:#374151}.icon-tool.dark .label{color:#cbd5e1}.field input[type=text],.field input[type=color],.field input[type=range],.field select,.field textarea{border:1px solid #d1d5db;background:#fff;color:#111;border-radius:8px;padding:8px}.icon-tool.dark .field input[type=text],.icon-tool.dark .field input[type=color],.icon-tool.dark .field input[type=range],.icon-tool.dark .field select,.icon-tool.dark .field textarea{border-color:#3a3a3a;background:#0f0f0f;color:#eaeaea}.field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.row{display:flex;gap:8px;flex-wrap:wrap}.row .field{flex:1 1 120px}.btn{appearance:none;border:1px solid #e5e7eb;background:#f3f4f6;color:#111;padding:8px 12px;border-radius:10px;cursor:pointer;flex:1;text-align:center}.btn:hover{filter:brightness(.97)}.btn.primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.btn.success{background:#16a34a;border-color:#15803d;color:#fff}.btn.danger{background:#ef4444;border-color:#dc2626;color:#fff}.btn.ghost{background:0 0;border-color:#d1d5db}.icon-tool.dark .btn{border-color:#3a3a3a;background:#222;color:#eaeaea}.icon-tool.dark .btn.primary{background:#1d4ed8;border-color:#1e40af}.icon-tool.dark .btn.success{background:#15803d;border-color:#166534}.icon-tool.dark .btn.danger{background:#dc2626;border-color:#b91c1c}.icon-tool.dark .btn.ghost{background:0 0;border-color:#3a3a3a}.note{display:block;color:#6b7280;margin-top:8px}.icon-tool.dark .note{color:#9ca3af}.preview{display:flex;flex-wrap:wrap;gap:12px;min-height:96px}.preview .thumb{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px;text-align:center;width:96px}.icon-tool.dark .preview .thumb{border-color:#333;background:#0f0f0f}.preview .thumb img{width:64px;height:64px;image-rendering:pixelated;display:block;margin:0 auto 6px}.preview .thumb .meta{font-size:12px;color:#6b7280}.icon-tool.dark .preview .thumb .meta{color:#9ca3af}.preview .thumb .link{font-size:12px;color:#2563eb;text-decoration:underline;cursor:pointer}.icon-tool.dark .preview .thumb .link{color:#60a5fa}.sizes summary{cursor:pointer;margin-bottom:8px}.sizes-wrap{display:flex;flex-wrap:wrap;gap:6px}.sizes-wrap label{display:flex;align-items:center;gap:6px;border:1px dashed #e5e7eb;border-radius:10px;padding:6px 8px;background:#fff}.icon-tool.dark .sizes-wrap label{border-color:#333;background:#0f0f0f}.snippet summary{cursor:pointer;margin:8px 0}.tip{font-size:12px;color:#6b7280;margin:6px 0}.icon-tool.dark .tip{color:#9ca3af}