.p-icon-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-icon-input__preview{width:100%;height:128px;position:relative;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;margin-bottom:12px;background:radial-gradient(ellipse 60% 50% at center,#2a2f3d 0,#1e2330 40%,#171b26 70%,#0f1318 100%),linear-gradient(135deg,#1a1e2e,#0d1117);box-shadow:inset 40px 40px 60px -40px rgba(99,102,241,.08),inset -40px -40px 60px -40px rgba(59,130,246,.06),inset 0 0 80px rgba(139,92,246,.03),0 1px 3px rgba(0,0,0,.2)}.p-icon-input__empty-state,.p-icon-input__preview{display:flex;justify-content:center;align-items:center}.p-icon-input__empty-state{flex-direction:column;color:#9ca3af}.p-icon-input__controls{display:flex;flex-direction:column;gap:8px}.p-icon-input__input-group{display:flex;flex-direction:column;gap:4px}.p-icon-input__label{font-size:12px;color:#6b7280}.p-icon-input__input{flex:1;padding:8px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .2s ease}.p-icon-input__input::-moz-placeholder{color:#9ca3af}.p-icon-input__input::placeholder{color:#9ca3af}.p-icon-input__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-icon-input__controls>.c-btn.c-cta{padding:8px 16px!important;background:#3b82f6!important;font-size:13px!important;font-weight:500!important}.p-icon-input__controls>.c-btn.c-cta:hover{background:#2563eb!important}@media(max-width:640px){.p-icon-input{padding:12px}.p-icon-input__preview{height:96px}}@media(prefers-color-scheme:dark){.p-icon-input{background:#1f2937;border-color:#374151}.p-icon-input__preview{background:radial-gradient(ellipse 60% 50% at center,#3a3f52 0,#2a2f42 40%,#1e2333 70%,#12161f 100%),linear-gradient(135deg,#24283a,#0f1319);border-color:#374151;box-shadow:inset 40px 40px 60px -40px rgba(129,140,248,.12),inset -40px -40px 60px -40px rgba(99,102,241,.1),inset 0 0 80px rgba(167,139,250,.05),0 1px 3px rgba(0,0,0,.5)}.p-icon-input__label{color:#9ca3af}.p-icon-input__input{background:#111827;border-color:#4b5563;color:#f9fafb}.p-icon-input__input::-moz-placeholder{color:#6b7280}.p-icon-input__input::placeholder{color:#6b7280}.p-icon-input__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}}