#ipng .ipng-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px rgba(2,6,23,.04);padding:18px;margin:16px 0}
#ipng .ipng-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
#ipng .ipng-col-6{grid-column:span 6}
#ipng .ipng-col-4{grid-column:span 4}
#ipng .ipng-col-3{grid-column:span 3}
#ipng .ipng-col-8{grid-column:span 8}
#ipng .ipng-col-12{grid-column:span 12}
#ipng .ipng-label{font-size:13px;color:#475569;margin-bottom:6px;display:block}
#ipng .ipng-input,#ipng .ipng-select,#ipng .ipng-textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff}
#ipng .ipng-textarea{min-height:64px}
#ipng .ipng-row{display:flex;flex-wrap:wrap;gap:8px}
#ipng .ipng-btn{border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px;cursor:pointer}
#ipng .ipng-btn.secondary{background:#fff;color:#0ea5e9}
#ipng .ipng-btn.gray{background:#64748b;border-color:#64748b}
#ipng .ipng-btn:disabled{opacity:.6;cursor:not-allowed}
#ipng .ipng-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;font-size:12px;color:#334155;background:#f8fafc}
#ipng .ipng-result{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#ipng .ipng-name{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#ipng .ipng-copy{border:none;background:#f1f5f9;border-radius:8px;padding:6px 8px;font-size:12px;color:#334155;cursor:pointer}
#ipng .ipng-muted{color:#64748b;font-size:12px}
#ipng .ipng-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ipng .ipng-title{font-size:18px;font-weight:800}
#ipng .ipng-sub{font-size:14px;color:#64748b}
#ipng .ipng-hr{border:0;border-top:1px solid #e2e8f0;margin:14px 0}
@media (max-width:800px){#ipng .ipng-col-6,#ipng .ipng-col-4,#ipng .ipng-col-8,#ipng .ipng-col-3{grid-column:span 12}#ipng .ipng-result{grid-template-columns:1fr}}
#ipng .ipng-btn{display:inline-flex;align-items:center;gap:6px}