.p-video-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-video-input__preview{display:flex;justify-content:center;align-items:center;width:100%;height:200px;border-radius:6px;overflow:hidden;margin-bottom:12px;position:relative;background:linear-gradient(135deg,#1a1d26,#13151c 50%,#0f1115);background-image:radial-gradient(ellipse at center,rgba(99,102,241,.02) 0,transparent 70%),repeating-linear-gradient(180deg,transparent 0,transparent 3px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 4px);background-repeat:no-repeat,repeat;box-shadow:inset 0 0 60px rgba(0,0,0,.25),inset 0 0 30px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),0 0 0 1px rgba(31,41,55,.3)}.p-video-input__preview:before{top:10px;left:10px;border-left:2px solid rgba(99,102,241,.25);border-top:2px solid rgba(99,102,241,.25);border-radius:2px 0 0;box-shadow:-1px -1px 6px rgba(99,102,241,.08),inset -1px -1px 3px rgba(99,102,241,.05)}.p-video-input__preview:after,.p-video-input__preview:before{content:"";position:absolute;width:28px;height:28px;pointer-events:none;z-index:2}.p-video-input__preview:after{bottom:10px;right:10px;border-right:2px solid rgba(139,92,246,.25);border-bottom:2px solid rgba(139,92,246,.25);border-radius:0 0 2px;box-shadow:1px 1px 6px rgba(139,92,246,.08),inset 1px 1px 3px rgba(139,92,246,.05)}.p-video-input__preview-corner-tr{top:10px;right:10px;border-right:2px solid rgba(99,102,241,.25);border-top:2px solid rgba(99,102,241,.25);border-radius:0 2px 0 0;box-shadow:1px -1px 6px rgba(99,102,241,.08),inset 1px -1px 3px rgba(99,102,241,.05)}.p-video-input__preview-corner-bl,.p-video-input__preview-corner-tr{position:absolute;width:28px;height:28px;pointer-events:none;z-index:2}.p-video-input__preview-corner-bl{bottom:10px;left:10px;border-left:2px solid rgba(139,92,246,.25);border-bottom:2px solid rgba(139,92,246,.25);border-radius:0 0 0 2px;box-shadow:-1px 1px 6px rgba(139,92,246,.08),inset -1px 1px 3px rgba(139,92,246,.05)}.p-video-input__video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-video-input__loading{width:100%;height:100%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;color:#9ca3af}.p-video-input__empty-state,.p-video-input__loading{display:flex;align-items:center;justify-content:center}.p-video-input__empty-state{flex-direction:column;gap:12px;z-index:2;position:relative}.p-video-input__empty-state-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(99,102,241,.08) 0,rgba(139,92,246,.03) 100%);border:2px solid rgba(99,102,241,.15);color:rgba(139,92,246,.5);box-shadow:0 0 16px rgba(99,102,241,.06),inset 0 0 16px rgba(139,92,246,.03)}.p-video-input__empty-state-text{color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.5px}.p-video-input__controls{display:flex;flex-direction:column;gap:8px}.p-video-input__input-group{display:flex;flex-direction:column;gap:4px}.p-video-input__label{font-size:12px;color:#6b7280}.p-video-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-video-input__input::-moz-placeholder{color:#9ca3af}.p-video-input__input::placeholder{color:#9ca3af}.p-video-input__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-video-input__input--error{border-color:#ef4444}.p-video-input__input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.p-video-input__error{font-size:12px;color:#ef4444;margin-top:4px}.p-video-input__controls>.c-btn.c-cta{padding:8px 16px!important;background:#3b82f6!important;font-size:13px!important;font-weight:500!important}.p-video-input__controls>.c-btn.c-cta:hover{background:#2563eb!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(width <= 640px){.p-video-input{padding:12px}.p-video-input__preview{height:160px}}@media(prefers-color-scheme:dark){.p-video-input{background:#1f2937;border-color:#374151}.p-video-input__preview{background:linear-gradient(135deg,#1f2230,#181b24 50%,#13151c);background-image:radial-gradient(ellipse at center,rgba(129,140,248,.03) 0,transparent 70%),repeating-linear-gradient(180deg,transparent 0,transparent 3px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 4px);box-shadow:inset 0 0 70px rgba(0,0,0,.3),inset 0 0 35px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.15),0 0 0 1px rgba(55,65,81,.4)}.p-video-input__preview:before{border-color:rgba(129,140,248,.3);box-shadow:-1px -1px 8px rgba(129,140,248,.12),inset -1px -1px 4px rgba(129,140,248,.08)}.p-video-input__preview:after{border-color:rgba(167,139,250,.3);box-shadow:1px 1px 8px rgba(167,139,250,.12),inset 1px 1px 4px rgba(167,139,250,.08)}.p-video-input__preview-corner-tr{border-color:rgba(129,140,248,.3);box-shadow:1px -1px 8px rgba(129,140,248,.12),inset 1px -1px 4px rgba(129,140,248,.08)}.p-video-input__preview-corner-bl{border-color:rgba(167,139,250,.3);box-shadow:-1px 1px 8px rgba(167,139,250,.12),inset -1px 1px 4px rgba(167,139,250,.08)}.p-video-input__loading{color:#6b7280}.p-video-input__empty-state-icon{background:radial-gradient(circle,rgba(129,140,248,.12) 0,rgba(167,139,250,.05) 100%);border-color:rgba(129,140,248,.2);color:rgba(167,139,250,.6);box-shadow:0 0 20px rgba(129,140,248,.08),inset 0 0 20px rgba(167,139,250,.05)}.p-video-input__empty-state-text,.p-video-input__label{color:#9ca3af}.p-video-input__input{background:#111827;border-color:#4b5563;color:#f9fafb}.p-video-input__input::-moz-placeholder{color:#6b7280}.p-video-input__input::placeholder{color:#6b7280}.p-video-input__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.p-video-input__input--error{border-color:#f87171}.p-video-input__input--error:focus{box-shadow:0 0 0 3px hsla(0,91%,71%,.2)}.p-video-input__error{color:#fca5a5}}