: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}.cp-support{position:relative;display:inline-flex;cursor:help}.cp-support-tip{position:absolute;left:50%;top:calc(100% + 12px);z-index:20;display:none;width:max-content;max-width:min(360px,calc(100vw - 48px));transform:translateX(-50%);border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:8px 10px;color:#111;box-shadow:0 8px 22px rgba(15,23,42,.12);text-align:left;font-size:12px;line-height:20px}.cp-support:focus .cp-support-tip,.cp-support:focus-within .cp-support-tip,.cp-support:hover .cp-support-tip{display:grid;gap:0}