.p-multi-image-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-multi-image-input__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;min-height:120px;padding:16px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:12px;position:relative;background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#f3f4f6),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(209,213,219,.15) 0,rgba(209,213,219,.15) 20px);box-shadow:inset 0 0 40px rgba(0,0,0,.04),inset 0 1px 3px rgba(0,0,0,.05)}.p-multi-image-input__grid:after,.p-multi-image-input__grid:before{content:"";position:absolute;pointer-events:none;z-index:1}.p-multi-image-input__grid:before{top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(55,65,81,.15) 0,rgba(55,65,81,.15) 12px,transparent 0,transparent 24px),linear-gradient(180deg,rgba(55,65,81,.08),rgba(55,65,81,.04));box-shadow:inset 0 -1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.03)}.p-multi-image-input__grid:after{bottom:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(55,65,81,.15) 0,rgba(55,65,81,.15) 12px,transparent 0,transparent 24px),linear-gradient(0deg,rgba(55,65,81,.08),rgba(55,65,81,.04));box-shadow:inset 0 1px 2px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.03)}.p-multi-image-input__image-item{position:relative;aspect-ratio:1;background:#1e293b;border:1.5px solid #334155;border-radius:10px;overflow:visible;box-shadow:0 2px 4px -1px rgba(0,0,0,.15),0 1px 2px -1px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;padding:8px;transition:all .2s ease}.p-multi-image-input__image-item:hover{border-color:#475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.15),0 2px 4px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.p-multi-image-input__image-item>:not(.c-btn){border-radius:6px;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.p-multi-image-input__image-item .c-btn.c-cta{position:absolute;top:-6px;right:-6px;z-index:2;padding:0!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.p-multi-image-input__image-item .c-btn.c-cta svg{width:12px!important;height:12px!important}.p-multi-image-input__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;color:#9ca3af}.p-multi-image-input__controls{display:flex;flex-direction:column;gap:8px}.p-multi-image-input__help-text{font-size:12px;color:#6b7280;margin-top:4px}.p-multi-image-input__controls>.c-btn.c-cta{padding:8px 16px!important;background:#3b82f6!important;font-size:13px!important;font-weight:500!important}.p-multi-image-input__controls>.c-btn.c-cta:hover{background:#2563eb!important}@media(max-width:640px){.p-multi-image-input{padding:12px}.p-multi-image-input__grid{padding:12px;gap:6px}.p-multi-image-input__image-item{padding:6px}.p-multi-image-input__image-item .c-btn.c-cta{width:22px!important;height:22px!important;min-width:22px!important}.p-multi-image-input__image-item .c-btn.c-cta svg{width:10px!important;height:10px!important}}@media(prefers-color-scheme:dark){.p-multi-image-input{background:#1f2937;border-color:#374151}.p-multi-image-input__grid{background:linear-gradient(135deg,#1f2937,#111827 50%,#1f2937),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(75,85,99,.2) 0,rgba(75,85,99,.2) 20px);border-color:#4b5563;box-shadow:inset 0 0 40px rgba(0,0,0,.4),inset 0 1px 3px rgba(0,0,0,.3)}.p-multi-image-input__grid:before{background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(156,163,175,.25) 0,rgba(156,163,175,.25) 12px,transparent 0,transparent 24px),linear-gradient(180deg,rgba(75,85,99,.15),rgba(75,85,99,.08));box-shadow:inset 0 -1px 2px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.15)}.p-multi-image-input__grid:after{background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(156,163,175,.25) 0,rgba(156,163,175,.25) 12px,transparent 0,transparent 24px),linear-gradient(0deg,rgba(75,85,99,.15),rgba(75,85,99,.08));box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 -1px 3px rgba(0,0,0,.15)}.p-multi-image-input__image-item{background:#0f172a;border-color:#1e293b}.p-multi-image-input__image-item:hover{border-color:#334155;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.p-multi-image-input__empty-state{color:#6b7280}.p-multi-image-input__help-text{color:#9ca3af}}