:root{--cp-border:#ebeaf0;--cp-gray-700:#6b7280;--cp-gray-500:#9ca3af;--cp-gray-300:#e5e7eb;--cp-purple:#6d48ff}.cp-wrap{background:#ffffff;border:1px solid var(--cp-border);border-radius:22px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.cp-edge{margin-left:8px;margin-right:8px}.cp-wide{max-width:100%}.cp-dashed{border:1px dashed #dedee3;border-radius:18px;background:#fff}.cp-dashed.dragover,.cp-dashed:hover{background:#f6f7f9}.cp-upload-icon{width:92px;height:92px;border-radius:18px;border:1px solid #e7e7ef;box-shadow:0 4px 10px rgba(0,0,0,.06);position:relative}.cp-file,.cp-upload-icon{background:linear-gradient(#fff,#fbfbff)}.cp-file{top:50%;left:50%;width:64px;height:80px;transform:translate(-50%,-50%);border-radius:12px;box-shadow:0 3px 8px rgba(0,0,0,.05);transition:transform .25s ease,opacity .25s ease}.cp-file,.cp-file:after{position:absolute;border:1px solid #e3e3ee}.cp-file:after{content:"";right:6px;top:6px;width:14px;height:14px;background:#f6f6ff;transform:rotate(45deg)}.cp-file2,.cp-file3{opacity:0}.cp-dashed:hover .cp-file2,.cp-dashed:hover .cp-file3{opacity:1}.cp-dashed:hover .cp-file2{transform:translate(calc(-50% + 16px),calc(-50% - 12px)) rotate(4deg)}.cp-dashed:hover .cp-file3{transform:translate(calc(-50% - 16px),calc(-50% + 12px)) rotate(-4deg)}.cp-primary{background:var(--cp-purple);color:#fff}.cp-primary:hover{background:#5b3fde}.cp-pill{border:1px solid var(--cp-gray-300);background:#fff;border-radius:14px;height:56px}